<h1>Task1 :</h1>
图片.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);
})();
