javascript document.getElementById().value

Question

对不起，我是新手，

<html>
<head>
<script type="text/javascript">
var x = document.getElementById('x').value;
var y = document.getElementById('y').value;
var z = x + y;
alert(z);
</script>
</head>

<body>
<input type="number" id="x" />
<input type="number" id="y" />
</body>

</html>

如果我的输入 x = 100，而 y 输入 = 200。我的弹出警报是 100200。

如何解决这个问题？

谢谢。

Answer 1

因为这个值是一个string，你需要把它转换成一个数字，然后再做加法..这样就可以了..

<html>
<head>
<script type="text/javascript">
    var x = parseInt(document.getElementById('x').value);
    var y = parseInt(document.getElementById('y').value);
    var z = x + y;
    alert(z);
</script>
</head>

<body>
    <input type="number" id="x" />
    <input type="number" id="y" />
</body>

</html>

函数 parseInt 将字符串转换为整数，然后 100+200 将是 300。

找到Fiddlehere

Answer 2

他

var z = 百分比(q) + 百分比(y);

Answer 3

You need to typecast variables using parseInt(var) since they are strings.

<html>

<head>
    <script type="text/javascript">
    var x = document.getElementById('x').value;
    var y = document.getElementById('y').value;
    var z = parseInt(x) + pasreInt(y);
    alert(z);
    </script>
</head>

<body>
    <input type="number" id="x" />
    <input type="number" id="y" />
</body>

</html>