百度前端学院--斌斌学院--demo---2

Posted 2020-09-29

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了百度前端学院--斌斌学院--demo---2相关的知识，希望对你有一定的参考价值。

 1 <!DOCTYPE html>
 2 <html>
 3     <!--
 4         作者：[email protected]
 5         时间：2017-07-22
 6         描述：demo2
 7     -->
 8   <head>
 9     <meta charset="utf-8">
10     <title> 任务2</title>
11   </head>
12   <body>
13     <h3>污染城市列表</h3>
14     <ul id="aqi-list">
15     </ul>
16   <script type="text/javascript">
17       var aqiData = [
18           ["北京", 90],
19           ["上海", 50],
20           ["福州", 10],
21           ["广州", 50],
22           ["成都", 90],
23           ["西安", 100]
24         ];
25     (function () {
26         var list=document.getElementById("aqi-list");
27         var arr=new Array();
28         var j=0;
29         //遍历数组
30         for(var i=0;i<aqiData.length;i++){
31             if(aqiData[i][1]>60){
32                 arr[j]=aqiData[i];
33                 j++;
34             }
35         }
36         //降序排列
37         arr.reverse();
38         console.log(arr.length);
39         //输出结果
40         for(var m=0;m<arr.length;m++){
41             var lis = document.createElement("li");
42             lis.innerHTML="第"+(m+1)+"名："+arr[m][0]+"  得分为："+arr[m][1];
43             list.appendChild(lis);
44         }
45     })();
46 
47 </script>
48 </body>
49 </html>

以上是关于百度前端学院--斌斌学院--demo---2的主要内容，如果未能解决你的问题，请参考以下文章

百度前端学院--斌斌学院--demo---4

百度前端学院---斌斌学院---任务demo---1