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。

在這里找到小提琴

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 個解決方案

解決方案1
0 已采納 2015-02-27 06:34:06

解決方案2
0 2015-02-27 06:34:45

解決方案3
0 2015-02-27 06:35:19

javascript document.getElementById（）。value

問題描述

3 個解決方案

解決方案1 0 已采納 2015-02-27 06:34:06

解決方案2 0 2015-02-27 06:34:45

解決方案3 0 2015-02-27 06:35:19

解決方案1
0 已采納 2015-02-27 06:34:06

解決方案2
0 2015-02-27 06:34:45

解決方案3
0 2015-02-27 06:35:19