Javascript - 2つのテキストボックスの結果を追加し、結果を3番目に表示するにはどうすればよいですか？

Question

以下に示すように、onclickのボタンに基づいて2つの増分/減算値があります。これらの2つのボックスの出力を3番目に追加しようとしました。

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

それは第三テキストボックスと最初の2つの作業罰金が、第三中がない新しい出力が追加され、ない私がやっているかわから違う。

Answer 1

sum()関数を呼び出していません。 ボタンをクリックするたびにsum()機能に電話をかけます。