Javascript-如何添加兩個文本框的結果並在第三個文本框中顯示結果？

Question

我有兩個基於onclick按鈕的增量加/減值，如下所示，我試圖將這兩個框的輸出加到第三個框中。

使用Javascript：

var i = 1;
function buttonClick() {
        i++;
    document.getElementById('inc').value = i;
    }
function buttonClickA() {
        i--;
    document.getElementById('inc').value = i;
    }

  var w = 1;
function buttonClickC() {
        w++;
    document.getElementById('inc1').value = w;
    }
function buttonClickD() {
        w--;
    document.getElementById('inc1').value = w;
    }
function sum() {
        var txtFirstNumberValue = document.getElementById('inc').value;
            var txtSecondNumberValue = document.getElementById('inc1').value;
                var result = parseInt(txtFirstNumberValue) + parseInt(txtSecondNumberValue);
                    if (!isNaN(result)) {
                        document.getElementById("tot").value = result;
        }
    }

和HTML：

<button onclick="buttonClick()">Add</button>
<input type="text" id="inc" value="0">
<button onclick="buttonClickA()">Subtract</button>

<button onclick="buttonClickC()">Add</button>
<input type="text" id="inc1" value="0">
<button onclick="buttonClickD()">Subtract</button>

<input type="text" id="tot" />

它添加了第三個文本框，前兩個文本框工作正常，但第三個文本框沒有新輸出，不確定我在做什么錯。

Answer 1

您尚未調用sum()函數。 每次單擊按鈕都調用sum()函數。