IFE-JS 任务一:零基础JavaScript编码(一)

来源:互联网 发布:裤哥大战淘宝店主 编辑:程序博客网 时间:2024/05/21 10:18
<!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>
0 0