javascript文档.getElementById（）.value_Javascript_Html_Input

javascript文档.getElementById（）.value

javascript html input

javascript文档.getElementById（）.value,javascript,html,input,Javascript,Html,Input,对不起，我是新手 <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="numb

对不起，我是新手

<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

如何修复此问题

谢谢。

因为值是字符串，所以需要将其转换为数字，然后进行加法。。这应该可以

<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

找到小提琴

使用

var z=parseIntx+parseInty

您需要使用类型转换变量，因为它们是字符串

您需要将变量强制转换为int…使用parseInt

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