即使输入是整数，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;
}