【ife】任务十四：零基础JavaScript编码（二）

最新推荐文章于 2017-10-18 12:46:14 发布

筱葭

最新推荐文章于 2017-10-18 12:46:14 发布

阅读量557

点赞数 1

CC 4.0 BY-SA版权

文章标签：百度前端技术学院 ife HTML JavaScript

本文链接：https://blog.youkuaiyun.com/zhouziyu2011/article/details/53871406

使用JavaScript实现了一个简单的网页应用，该应用能够根据空气质量指数(AQI)对污染严重的城市进行排序并展示。通过数组操作和DOM元素动态创建，实现了城市按AQI从低到高的排序，并仅列出AQI超过60的城市。

<!DOCTYPE html>
<html>
	<head>
		<title>任务十四：零基础JavaScript编码（二）</title>
	</head>
	<body>
		<h3>污染城市列表</h3>
		<ul id="aqi-list"></ul>
		<script type="text/javascript">
			var aqiData = [["北京", 90],["上海", 50],["福州", 10],["广州", 50],["成都", 90],["西安", 100]];
			(function () {
				aqiData.sort(
					function(a, b) { 
						return a[1] - b[1];
					}
				);
				for (var i = 0, count = 0; i < aqiData.length; i++) {
					if (aqiData[i][1] > 60) {
						count++;
						var text = document.createTextNode("第" + count + "名：" + aqiData[i][0] + "，" + aqiData[i][1]);
						var li = document.createElement("li");
						li.appendChild(text);
						document.getElementById("aqi-list").appendChild(li);
					}
				}
			})();
		</script>
	</body>
</html>