javascript - 无法正确添加 JavaScript 值

Question

我似乎无法从这个表单中获取我的值来添加它们应该的方式。我希望所有这些范围输入将它们的值添加到一个数字。

例如:范围 1 为 3范围2为2范围 3 为 8范围4是5所以我想要 var txt=x+y+z+e;是 18。但实际上是 3285。

如何解决这个问题？ JavaScript 新手

<form id="frm1" action="" onmouseup="sistetest()">
0<input class="blackandorange" type="range" id="range1" name="points" value="2" min="0" max="10">10<br>
0<input class="blackandorange" type="range" id="range2" name="points" value="2" min="0" max="10">10<br>
0<input class="blackandorange" type="range" id="range3" name="points" value="2" min="0" max="10">10<br>
0<input class="blackandorange" type="range" id="range4" name="points" value="2" min="0" max="10">10<br>
</form>

<script>
function sistetest()
{
var x = document.getElementById("range1").value;
var y = document.getElementById("range2").value;
var z = document.getElementById("range3").value;
var e = document.getElementById("range4").value;

document.getElementById("demo").innerHTML=x+y+z+e;
}
</script>

Answer 1

您需要将字符串转换为数字:

document.getElementById("demo").innerHTML=Number(x)+Number(y)+Number(z)+Number(e);