Javascript-如何添加两个文本框的结果并在第三个文本框中显示结果？

我有两个基于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" />

添加
减去
加
减去

---

它添加了第三个文本框，前两个工作正常，但第三个文本框没有新的输出，不确定我做错了什么。

您还没有调用

sum（）

函数。 每次单击按钮都调用

sum（）

函数