IFE-JS 任务一：零基础JavaScript编码（一）

最新推荐文章于 2020-10-24 10:48:38 发布

橙煦媛

最新推荐文章于 2020-10-24 10:48:38 发布

阅读量548

点赞数

CC 4.0 BY-SA版权

分类专栏： IFE 文章标签： javascript

本文链接：https://blog.csdn.net/u012937029/article/details/62057140

IFE 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一个简单的JavaScript任务案例，通过HTML页面实现用户输入北京的空气质量指数(AQI)并即时显示的功能。该示例利用JavaScript为按钮绑定点击事件，获取用户在文本框内输入的AQI值并在页面上更新显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!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>