zoukankan      html  css  js  c++  java
  • 任务二:零基础JavaScript编码(二)

    任务描述

    参考以下示例代码,页面加载后,将提供的空气质量数据数组,按照某种逻辑(比如空气质量大于60)进行过滤筛选,最后将符合条件的数据按照一定的格式要求显示在网页上

    <!DOCTYPE html>
    <html>
      <head>
        <meta charset="utf-8">
        <title>IFE JavaScript Task 01</title>
      </head>
    <body>
    
      <h3>污染城市列表</h3>
      <ul id="aqi-list">
    <!--   
        <li>第一名:福州(样例),10</li>
          <li>第二名:福州(样例),10</li> -->
      </ul>
    
    <script type="text/javascript">
    
    var aqiData = [
      ["北京", 90],
      ["上海", 50],
      ["福州", 10],
      ["广州", 50],
      ["成都", 90],
      ["西安", 100]
    ];
    
    (function () {
    
      /*
      在注释下方编写代码
      遍历读取aqiData中各个城市的数据
      将空气质量指数大于60的城市显示到aqi-list的列表中
      */
     
      //对二维数组进行排序
      aqiData.sort(function(x,y) {
        return x[1] - y[1];
      });
    
      //空气质量指数排名
      var j=0,chineseRank=['一','二','三','四','五','六','七','八','九','十'];
    
      for(var i=0;i < aqiData.length;i++) {
        if(aqiData[i][1] > 60) {
          // alert(aqiData[i][0]);
          j++;
          var li=document.createElement("li");
          var node=document.createTextNode("第"+chineseRank[j-1]+"名:"+aqiData[i][0]+","+aqiData[i][1]);
          li.appendChild(node);
    
          var element=document.getElementById("aqi-list");
          element.appendChild(li);
        }
      }
    })();
    
    </script>
    </body>
    </html>
    
    
  • 相关阅读:
    Android APK瘦身方法小结
    快速了解Android重要机制
    Android 画笔Paint
    android 图片凸出
    金钱转换
    WPF属性与特性的映射(TypeConverter)
    XMAL 中x名称控件的Auttribute
    AtCoder Grand Contest 012 B
    scau 17967 大师姐唱K的固有结界
    Centos7开机自动启动服务和联网
  • 原文地址:https://www.cnblogs.com/sunmaer/p/6441691.html
Copyright © 2011-2022 走看看