javascript从输入中获取值表示无法读取null的属性“value”

时间:2017-12-14 20:02:13

标签: javascript html api input

我知道这应该很容易,但我花了好几个小时试图让它发挥作用。

我从基于邮政编码的天气API获取JSON数据。我希望邮政编码来自和输入(见下文)。但是,当我使用document.getElementById('city')。value;我一直在控制台中收到错误消息。我究竟做错了什么?我知道问题所在的区域,但我不确定如何修复它?

HTML

setTimeout(function() {
            Relay.bulkCreate(output_data_array);
          }, 2);

JS

<!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>Weather API</title>
    <!-- <link rel="stylesheet" type="text/css" href="styles.css"> -->
    <script src="main.js"></script>
</head>
<style>
    li { list-style-type: none; }
    .buffer { padding: 0.5rem 0; }
</style>
<body>
    <p>My API call for weather</p>
    <div class="buffer"> 
        <input name="city" type="text" id="city" />
        <button id="submit" onclick="weatherHistory();">Submit</button>
    </div>

    <div id='blank'> </div>

</body>
</html>

img

0 个答案:

没有答案
相关问题