js getElemebyId() from a form input

Question

如何从表单输入中获取值？我在网上找到的所有解决方案都建议使用getElemebyId((.value，但它不适用于我的情况。文件index.html包含：

</body>
<form id = "myForm" style="font-size:14" class="form1">
<input id="myNumber" type="number" name="quantity" min="1" max="21">
</form>
<script src="myscript.js"></script>
</body>

文件myscript.js包含：

var quantityFromUser = document.getElementById("myNumber").value;

但这不起作用，这个问题的答案是在方法1中可以使用：

document.getElementById('textbox_id').value

但这也不起作用，.value甚至不是我的方法，我得到的唯一东西是.nodeValue.

Answer 1

在输入有值之前检索值。您应该检索事件(如input或change(的值。

例如：https://codepen.io/getreworked/pen/gQygzP