JavaScript возвращает NaN, даже если ввод является целым числом

Question

Я набираю целое число в поле ввода, и он все равно возвращает «NaN».

function goldenFunctiona() { 
 
    a = document.getElementById("sidea"); 
 
    parseInt(a, 10); 
 
    b = ((a + a) * (Math.pow(5, 0.5)))/2; 
 
    document.getElementById("b").innerHTML = b; 
 
}

<div id="top"> 
 
    <p>Side a =</p> 
 
    <input id="sidea" type="number"> 
 
    <button id="button" onclick="goldenFunctiona()" type="button">Find side b</button> 
 
    <p id="b"></p> 
 
</div>

Я не знаю, что происходит не так, но это, вероятно, что-то очень просто. Спасибо заранее.

Answer 1

document.getElementById("sidea") не возвращает номер, но элемент. Вместо этого используйте document.getElementById("sidea").value, чтобы получить значение элемента.

Итак:

function goldenFunctiona() { 
    var sideaVal = document.getElementById("sidea").value; 

    var a = parseInt(sideaVal , 10); // Get parseInt's return value or 'a' will still be a string 
    var b = ((a + a) * (Math.pow(5, 0.5)))/2; 

    document.getElementById("b").innerHTML = b; 
}