添加三个数字并使用Javascript在文本框中显示结果

时间:2017-01-28 21:52:07

标签: javascript html

我只是想编写一个代码,它将使用3个输入字段并将其总和显示在结果字段中。如果一个人将数据放在字段1中,结果字段应显示结果字段中的数据,当用户将数据放入第二个字段时,结果字段应显示字段1和字段2的总和,当用户将数据放入字段3时, sum应显示在结果字段中。我写下面的代码,但没有取得任何成功。我是一个新学习者。

<body>
Field 1: <input type="text" id="num1" onkeyup="sum();" > </br>
Field 2: <input type="text" id="num2" onkeyup="sum();" > </br>
Field 3: <input type="text" id="num3" onkeyup="sum();"> </br>
Sum: <input type="text" id="final"  />



<script type="text/javascript">

function sum()
{


var w = document.getElementById('num1').value;

var x = document.getElementById('num2').value;

var y = document.getElementById('num3').value;

var z=parseInt(w)+parseInt(x)+parseInt(y);


document.getElementByID('final').value=z;

}       
</script>

</body>

2 个答案:

答案 0 :(得分:3)

两个问题:

(1)你上一行中的小错字,你使用了getElementByID而不是getElementById

(2)您需要考虑没有值的情况,一种方法是使用0或者0(如果没有值,则计算结果为0)。

这是一个有效的例子:

keypress

https://jsfiddle.net/yq60qad0/

答案 1 :(得分:0)

这是一个错字。 =&GT;

document.getElementByID('final').value=z;

应该是Id,而不是ID