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" />

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