通过简单计算得到 NaN Javascript

Question

<script>
function runCals() {
   var milesRun = document.getElementById("runDist")
   var runCals = Number(milesRun) * 96
   document.getElementById("cals").innerHTML = runCals
}

</script>

我得到的是 NaN，我不明白为什么。我访问了许多堆栈问题，但 none 我发现有我的特定问题。

为什么我得到 NaN，我该如何解决？

Answer 1

milesRun 不是一个数字，它是一个 DOM 节点，所以你不能把它转换成一个数字。如果它是一个输入框，只需将 .value 添加到选择器的末尾即可提取输入的值。例如

function runCals() {
   var milesRun = document.getElementById("runDist").value
   var runCals = Number(milesRun) * 96
   document.getElementById("cals").innerHTML = runCals
}

通过简单计算得到 NaN Javascript

Getting NaN in Javascript With Simple Calculation

javascript

nan