JS Task1

Task1 :

图片.png

(function() {
        /*
         在注释下方写下代码
         给按钮button绑定一个点击事件
         在事件处理函数中
         获取aqi-input输入的值，并显示在aqi-display中
         */
        var btn=document.getElementById('button');
        btn.onclick=function(){
            var text=document.getElementById('aqi-display');
            text.innerHTML=document.getElementById('aqi-input').value;
        };

    })();

遇到的小问题就是value和innerHtml弄模糊了，查了下资料。

innerHTML  只取一些文本标签里有内容，
比如 div  span  p  等这里不能输入的标签里有内容。
value是取一取输入框的值  比喻 input textarea  select 等等。

看了别人的代码：

(function () {
            var btn = document.getElementById("button");
            var input = document.getElementById("aqi-input");
            var display = document.getElementById("aqi-display");
            var handler = function () {
                display.innerHTML = input.value;
            };
            EventUtil.addHandler(btn, "click", handler);
        })();

详细原因如下：
http://www.cnblogs.com/hykun/p/EventUtil.html

其它同学总结的：
http://ife.baidu.com/note/detail/id/635