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>