百度前端技术学院task13源代码
突然发现只看书不练习也是不行的,这么简单的我竟然都不会写了。
要注意innerHTML,innerText和outText之间的异同。
同时也要会使用DOM2的添加事件,移除事件等
<!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 btn1=document.getElementById('aqi-input'); var btn2=document.getElementById('aqi-display'); var btn3=document.getElementById('button'); btn3.addEventListener('click',function(){ if (btn1.value) { btn2.innerHTML=btn1.value; } else{ btn2.innerHTML='尚无录入'; } },false); })(); </script> </body> </html>
树林美丽、幽暗而深邃,但我有诺言尚待实现,还要奔行百里方可沉睡。 -- 罗伯特·弗罗斯特