实现城市空气指数查询（不包括自动获取数据） 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    城市：<input type="text" id="city" name="city"><br>
    空气质量：<p id="aqi"></p>
    <script>
        var arry = [["北京",100],["上海",90],["大连",50],["沈阳",90]];
        var ocity = document.getElementById("city");
        var oaqi = document.getElementById("aqi");
        ocity.onblur = function(){
            for(i=0;i<arry.length;i++){
                if(arry[i][0] == ocity.value){
                    oaqi.innerHTML= arry[i][1];
                    break;
                }else{oaqi.innerHTML = "请输入城市名称！";}
                
            }
        }
    </script>
</body>
</html>

 

posted @ 2019-08-13 08:32  wangbing111  阅读(183)  评论(0)    收藏  举报