JavaScript变量自行添加和堆叠

Question

所以当我想计算variable1 + variable2 * variable3时，它只会把自己加起来，然后叠加。
代码:

function randomRange(min, max) {
return Math.floor(Math.random() * (max - min + 1)) + min;
}
function func() {
var pxL = localStorage["pxL"];
var val = document.getElementById("bp").innerHTML;
document.getElementById("bp").innerHTML = funcCalc(val, randomRange(1, 10), pxL);
}
function funcCalc(val, random, px) {
return val + random * px;
}

的事情是，在HTML文档中有一个元素，这表明变量，变量将添加自己+随机和乘以第三个变量按钮点击。问题是变量自己计算，而不是改变innerHTML，他们把它添加到innerHTML。
HTML:

<stat id="bpT">BPT: <textarea class="statIndic" id="bp" disabled>0</textarea></stat>

我想输出15而不是015等

Answer 1

你需要得到一个整数,不是一个字符串:

var pxL = parseFloat(localStorage["pxL"]);
var val = parseFloat(document.getElementById("bp").innerHTML);
document.getElementById("bp").innerHTML = funcCalc(val, randomRange(1, 10), pxL);

.innerHTML返回一个字符串。这取决于你如何存储变量,localStorage可能返回一个字符串或数字。

---

您也可以使用Number():

var pxL = Number(localStorage["pxL"]);
var val = Number(document.getElementById("bp").innerHTML);