javascript - 无法读取 dice.js :5 处 null 的属性 'addEventListener'

Question

我正在尝试实现一个函数，该函数将根据用户输入的数字在另一个 div 中创建新的 div。 我想通过 addEventListener 添加到输入来完成此操作，并运行测试来检查它是否有效。但事实并非如此，我也不知道我做错了什么。这是我的 HTML 代码:

<form>
    <p>Pick how many dice you want to roll:</p>
    <input id="diceNumber" type="number" name="diceNumber">
</form>

和JS部分:

var numInput = document.querySelector("input");

numInput.addEventListener("change", function(){
alert("test");
});

Answer 1

如何将 javascript 文件包含在 html 文档中？有可能你的 JS 代码在 html 加载之前就被执行了。