Javascript 无法读取属性'；增补列表器'；骰子上的空值。js:5_Javascript

Javascript 无法读取属性'；增补列表器'；骰子上的空值。js:5

javascript

Javascript 无法读取属性'；增补列表器'；骰子上的空值。js:5,javascript,Javascript,我正在尝试实现一个函数，该函数将根据用户键入的数字在另一个div中创建新的div。我想用addEventListener对输入执行此操作，并运行了一个测试来检查它是否工作。但事实并非如此，我不知道我做错了什么。以下是我的HTML代码： <form> <p>Pick how many dice you want to roll:</p> <input id="diceNumber" type="number" name="diceNumb

我正在尝试实现一个函数，该函数将根据用户键入的数字在另一个div中创建新的div。我想用addEventListener对输入执行此操作，并运行了一个测试来检查它是否工作。但事实并非如此，我不知道我做错了什么。以下是我的HTML代码：

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

如何在html文档中包含javascript文件？您的JS代码可能是在加载html之前执行的。

您如何在html文档中包含javascript文件？您的JS代码可能是在加载html之前执行的。

仅用这两个代码片段很难回答。我猜你有点像

<html>
<head>
<script>
var numInput = document.querySelector("input");

numInput.addEventListener("change", function(){
alert("test");
});
</script>
</head>
<body>
<form>
    <p>Pick how many dice you want to roll:</p>
    <input id="diceNumber" type="number" name="diceNumber">
</form>
</body>
</html>


var numInput=document.querySelector（“输入”）；
addEventListener（“更改”，函数（）{
警报（“测试”）；
});
选择要掷多少骰子：

在这种情况下，脚本将在加载dom之前执行，这就是代码找不到输入的原因

您要么等待dom准备就绪，要么在输入定义之后移动脚本块。

仅用这两个代码段很难回答。我猜你有点像

<html>
<head>
<script>
var numInput = document.querySelector("input");

numInput.addEventListener("change", function(){
alert("test");
});
</script>
</head>
<body>
<form>
    <p>Pick how many dice you want to roll:</p>
    <input id="diceNumber" type="number" name="diceNumber">
</form>
</body>
</html>


var numInput=document.querySelector（“输入”）；
addEventListener（“更改”，函数（）{
警报（“测试”）；
});
选择要掷多少骰子：

在这种情况下，脚本将在加载dom之前执行，这就是代码找不到输入的原因

您要么等待dom准备就绪，要么在输入定义后移动脚本块。

它的可能副本实际上可以工作，我认为javascript没有很好地加载到您的文档中displayed@Ganoninc当然，它可以在JSFIDLE上工作，因为默认情况下，他们在执行JS之前等待加载HTML。@ValLeNain如果问题需要JSFIDLE示例，那么这是一个糟糕的问题。问题应该能够以任何有经验的开发人员只要阅读就能理解的方式简单而清晰地表示出来。类似于这个问题。它的可能副本实际上是有效的，我认为javascript没有很好地加载到您的文档中displayed@Ganoninc当然，它可以在JSFIDLE上工作，因为默认情况下，他们在执行JS之前等待加载HTML。@ValLeNain如果问题需要JSFIDLE示例，那么这是一个糟糕的问题。问题应该能够以任何有经验的开发人员只要阅读就能理解的方式简单而清晰地表示出来。就像这个问题。你是对的，我把JS放在头部而不是身体底部。。。菜鸟误会你是对的，我把JS放在头上而不是身体底部。。。菜鸟错了我把我的JS脚本放在头上而不是身体上错了我把我的JS脚本放在头上而不是身体上