我只是想写一个代码,它将使用 3 个输入字段并将它们的总和显示到结果字段中。如果有人将数据放在字段 1 中,结果字段应显示结果字段中的数据,当用户将数据放在第二个字段中时,结果字段应显示字段 1 和字段 2 的总和,当用户将数据放入字段 3 时,他们的数据总和应显示在结果字段中。我写了下面的代码但没有取得任何成功。我是新手。
<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>
最佳答案
两个问题:
(1) 最后一行中的小错别字,您使用的是 getElementByID 而不是 getElementById
(2) 您需要考虑没有值的情况,一种方法是用 0 或它(如果没有值,则计算结果为 0)。
这是一个工作示例:
function sum()
{
var w = document.getElementById('num1').value || 0;
var x = document.getElementById('num2').value || 0;
var y = document.getElementById('num3').value || 0;
var z=parseInt(w)+parseInt(x)+parseInt(y);
document.getElementById('final').value=z;
};
关于javascript - 添加三个数字并使用 Javascript 在文本框中显示结果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41915245/