HTML表單到變量

Question

我剛剛開始編程，我想要做的就是構建一個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> 

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>