使用JavaScript从输入获取数据

我试图通过JavaScript从

中获取一个值，我使用以下代码：

Choose a number between 1 and 5 <input type='num' name="input">

<button id="btn">Click me!</button>

<script>
    var input;

    document.getElementById('btn').onclick = function(){
    input = document.getElementById('num');
        alert(input); //To check what value input has
</script>

选择一个介于1和5之间的数字
点击我！
var输入；
document.getElementById（'btn'）。onclick=function（）{
输入=document.getElementById（'num'）；
警报（输入）；//检查输入的值

---

这应该得到一个值，但我只是得到一个空值。我做错了什么？

您还没有定义您的

id

。另外，我猜您的输入类型应该是

number

<input type='number' name="input" id="num">
       ^^^^^^^^^^^^               ^^^^^^^^

getElementById（）

适用于具有

id

属性的元素。因此，由于您没有将

id

属性放入

input

类型中，因此无法找到具有

id=num

属性的元素

---

只需在

输入元素中添加
id=“num”
，您就可以开始了。
您的代码存在多个问题

1） 您必须关闭函数的括号
应该是

 document.getElementById('btn').onclick = function(){
    input = document.getElementById('num');
        alert(input); //To check what value is outputted
}  

(二)

getElementById（）方法返回具有ID的元素
具有指定值的属性

所以ID属性在这里是必不可少的，在代码中没有定义ID属性，所以必须首先定义它

像

4） 您的
input type=“number”

对于所需的输出，可以使用以下代码

document.getElementById('num').value;

Choose a number between 1 and 5 <input type='number' name="input" id="myid">

<button id="btn">Click me!</button>

上面的方法是纯JS的，如果您需要jquery方法，可以在下面参考

$( "#btn" ).click(function() {
  var input=$("#myid").val();
    alert(input)
});

getElementById（'num'）
具有该ID的元素在哪里？
document.getElementById（）如果找不到具有指定id的元素，则应返回
null
。但在任何情况下，显示的代码都不完整且无法运行。这与数据库有什么关系？使用此提琴抱歉，我正在使用此提琴从数据库中取出id，忘记编辑名称，谢谢所有人的帮助
document.getElementById('num').value;

Choose a number between 1 and 5 <input type='number' name="input" id="myid">

<button id="btn">Click me!</button>

    var myButton = document.getElementById("btn");
myButton.onclick = function()
{
         alert(document.getElementById("myid").value); //where does id come from?
}

$( "#btn" ).click(function() {
  var input=$("#myid").val();
    alert(input)
});