Question

我刚刚开始编程，我想要做的就是构建一个HTML表单（完成）并获取变量的值（如name，age，dob），这样我以后可以使用变量值。当我使用getElementById时，它不起作用。

<form> Age: <input id="age" type="number" min=0 max=99 >
</form> 
<button id="submit" type="button"> Submit my data </button> 
<script type="text/javascript"> 
   function getData(){ 
      var age=document.getElementById("age").value; 
   } 
console.log(age); 
</script>

Answer 1

您在函数内部设置变量并尝试在外部获取值。

您需要在功能中执行console.log 你的函数永远不会被调用试试这个：

function getData(){ 
   var age=document.getElementById("age").value; 
   console.log(age); 
}

<form> Age: <input id="age" type="number" min=0 max=99 >
</form> 
<button id="submit" type="button" onclick="getData()"> Submit my data </button>

HTML表单到变量

1 个答案: