简单的 JavaScript 数学没有意义

Question

感觉自己又变成新手了。 我以为我早就解决了这些问题。 下面是一个简单的脚本，有两个功能，但都不起作用。 我错过了什么。 任何帮助表示赞赏。

 function calculator() { var bee = document.getElementById("beerPerc").value; var win = document.getElementById("winePerc").value; var liq = 100 - (bee + win); document.getElementById("liquorPerc").value = liq; } function calculator2() { document.getElementById("liquorPerc").value = parseInt(100 - (document.getElementById("beerPerc").value + document.getElementById("winePerc").value)) }

 <div id="calcArea"> <div> <input type="number" id="beerPerc" value="50" onkeyup="calculator2()"> &nbsp; % of Beer Drinkers<br> <input type="number" id="winePerc" value="30" onkeyup="calculator2()"> &nbsp; % of Wine Drinkers<br> <input type="number" id="liquorPerc" onkeyup="calculator2()"> &nbsp; % of Liquor Drinkers<br> </div> </div>

Answer 1

两件事情：

1. 案例很重要。 如果声明变量bee ，则无法使用Bee读取它。

2. .value始终是一个字符串。 您需要将字符串转换为数字：

    var bee = Number(document.getElementById("beerPerc").value);

如果不这样做， +将执行字符串连接，而不是加法。

您不需要对数值计算的结果调用parseInt() ，它始终是一个数字。

function calculator2() {
    document.getElementById("liquorPerc").value = 100 - (parseInt(document.getElementById("beerPerc").value, 10) + parseInt(document.getElementById("winePerc").value, 10)))
}