javascript - 运营商出问题了？ (JavaScript)

Question

出于某种原因，在我的程序中，+号在我的代码中将两个数字加在一起:

numerator1 += wholenumber1 * denominator1;

如果wholenumber1为1且denominator1为4，则numerator1是14...我通过以下方式发现了这一点:

console.log(numerator1);

这是使用带有 type="number" 的输入，方程的其他部分工作得很好......但这部分对于我的程序正常运行至关重要，并且非常感谢您的帮助!

Answer 1

虽然输入type是number，但实际值是string类型。您可以通过 typeof 运算符进行检查。因此，您必须使用像 parseInt() 这样的函数将值转换为整数，以便执行实际的算术运算。

console.log(typeof(document.getElementById('num1').value));

<input type="number" id="num1" value="1"/>

代码示例:

var numerator1 = 0;
var wholenumber1, denominator1;
wholenumber1 = document.getElementById('wholenumber1').value;
denominator1 = document.getElementById('denominator1').value;

numerator1 += parseInt(wholenumber1) * parseInt(denominator1);

console.log(numerator1);

wholenumber1: <input type="number" value="1" id="wholenumber1" /> <br/>
denominator1: <input type="number" value="4" id="denominator1" />