Javascript HTML表单到变量

我刚刚开始编程，我想做的就是构建一个HTML表单（完成），并获取变量的值（比如名称、年龄、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>

年龄：
提交我的数据
函数getData（）{
var age=document.getElementById（“age”）.value；
} 
控制台日志（年龄）；

您正在函数内部设置变量，并试图从外部获取值

您需要在函数内部执行

console.log

此外，您的函数从未被调用。请尝试以下操作：

函数getData（）{code> var age=document.getElementById（“age”）.value； 控制台日志（年龄）； }

年龄：
提交我的数据

你能发布你的代码吗。。。年龄：
提交我的数据函数getData（）{var Age=document.getElementById（“年龄”）.value；}console.log（年龄）；