javascript - 添加两个文本框值并自动在第三个文本框中显示总和

Question

我分配了一个任务来添加两个文本框的值。我希望添加的结果出现在第三个文本框中，只要在前两个文本框中输入值，而不按任何按钮。

例如:在第一个文本框中我想输入450，当我按下数字“450”的数字4时，它将被添加到第三个文本框中，我在前两个文本框中按下的任何数字，突然改变将反射(reflect)在第三个文本框上。我该怎么做？

这里我在 onkeyup 中编写我的代码调用 sum()

onkeyup="sum()"
function sum() {
        var txtFirstNumberValue = document.getElementById('txt1').value;
        var txtSecondNumberValue = document.getElementById('txt2').value;
        var result = parseInt(txtFirstNumberValue) + parseInt(txtSecondNumberValue);
        if(!isNaN(result)){
            document.getElementById('txt3').value = result;
        }
}

这在 chrome 中不起作用

Answer 1

试试这个

  function sum() {
       var txtFirstNumberValue = document.getElementById('txt1').value;
       var txtSecondNumberValue = document.getElementById('txt2').value;
       if (txtFirstNumberValue == "")
           txtFirstNumberValue = 0;
       if (txtSecondNumberValue == "")
           txtSecondNumberValue = 0;

       var result = parseInt(txtFirstNumberValue) + parseInt(txtSecondNumberValue);
       if (!isNaN(result)) {
           document.getElementById('txt3').value = result;
       }
   }