IFE-JS 任务一:零基础JavaScript编码(一)
2017-03-14 21:20
417 查看
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>IFE JavaScript Task 01</title> </head> <body> <label>请输入北京今天空气质量:<input id="aqi-input" type="text"></label> <button id="button">确认填写</button> <div>您输入的值是:<span id="aqi-display">尚无录入</span></div> <script type="text/javascript"> (function() { /* 在注释下方写下代码 给按钮button绑定一个点击事件 在事件处理函数中 获取aqi-input输入的值,并显示在aqi-display中 */ var btn = document.getElementById('button'); btn.onclick = function() { var value = document.getElementById('aqi-input').value; var aqi = document.getElementById('aqi-display'); aqi.innerHTML = value; } })(); </script> </body> </html>
相关文章推荐
- 【ife】任务十四:零基础JavaScript编码(二)
- 【ife】任务十六:零基础JavaScript编码(四)
- 【ife】任务十五:零基础JavaScript编码(三)
- IFE-TASK17(任务十七:零基础JavaScript编码(五))
- 【ife】任务十七:零基础JavaScript编码(五)
- 【ife】任务十三:零基础JavaScript编码(一)
- 【ife】任务十八:基础JavaScript练习(一)
- 任务十三:零基础JavaScript编码(一)
- 任务十七:零基础JavaScript编码(五)
- IFE-TASK21(任务二十一:基础JavaScript练习(四))
- 任务十五:零基础JavaScript编码(三)
- 【ife】任务二十:基础JavaScript练习(三)
- 【ife】任务二:零基础HTML及CSS编码(一)
- 任务十四:零基础JavaScript编码(二)
- 【ife】任务二十一:基础JavaScript练习(四)
- 【ife】任务十九:基础JavaScript练习(二)
- 【ife】任务五:零基础HTML及CSS编码(二)
- 任务十六:零基础JavaScript编码(四)
- 【javascript基础】 JS中编码解码escape、encodeURI、encodeURIComponent区别详解【转】
- JavaScript基础、语法(JS)