javascript - 计算时得到 NaN

Question

当我尝试在 html 上输入一些数字时，我在这里得到一个 NaN 值。我不知道为什么。

var firstNumber= document.getElementById("numberone").value;
var secondNumber = document.getElementById("numbertwo").value;

function addition(){
  var result = firstNumber + secondNumber;
  document.getElementById("equals").innerHTML = result;
}

function subtraction(){
  var result = firstNumber - secondNumber;
  document.getElementById("equals").innerHTML = result;
}

function multiplication(){
  var result = firstNumber * secondNumber;
  document.getElementById("equals").innerHTML = result;
}

Answer 1

您应该使用 parseInt(value, base) 解析输入中的值，其中 value 是输入值，并以数学数字系统中的基数为基数。

var firstNumber = parseInt(document.getElementById("numberone").value, 10);
var secondNumber = parseInt(document.getElementById("numbertwo").value, 10);

您可以在此处阅读更多相关信息: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/parseInt

编辑:我假设您正在处理整数值，但您可以尝试 parseFloat处理浮点值，或者也使用库来操作和格式化数字，例如 Numeral.js