使用简单计算在Javascript中获取NaN [重复]

Question

这个问题在这里已有答案：

• JavaScript returns NaN even if input is an integer 1回答

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

</script>

我得到了NaN，我不明白为什么。我访问了很多堆栈问题，但没有找到我遇到的具体问题。

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

Answer 1

milesRun不是数字，它是一个DOM节点，因此您无法将其转换为数字。如果它是一个输入框，只需将.value添加到选择器的末尾以提取输入到其中的值。例如

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