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.

找小提琴 here

Answer 2

使用

var z = parseInt（x）+ parseInt（y）;

Answer 3

您需要使用parseInt(var)对变量进行类型转换，因为它们是。{ 字符串。

<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>

javascript document.getElementById（）。value

3 个答案: