は、私は

Question

が、私は次の関数によって一人ひとりによる値のボタンをクリックして値を追加したい値のボタンをクリックして値を追加したい

function sum() { 
 
    var txtFirstNumberValue = document.getElementById('txt1').value; 
 
    var txtSecondNumberValue = document.getElementById('txt2').value; 
 
    var txtThirdNumberValue = document.getElementById('txt3').value; 
 
    var txtFourthNumberValue = document.getElementById('txt4').value; 
 
    var result = parseInt(txtFirstNumberValue) + parseInt(txtSecondNumberValue); 
 
    var result = parseInt(txtFirstNumberValue) + parseInt(txtThirdNumberValue); 
 
    var result = parseInt(txtFirstNumberValue) + parseInt(txtFourthNumberValue); 
 
    if (!isNaN(result)) { 
 
    document.getElementById('txt1').value = result; 
 
    } 
 
} 
 
// Here I gave the other two events to add to the text field by the id names

<!-- here I gave the three Value buttons and on click function --> 
 
<input type="text" id="txt1" value="10" /> 
 
<input type="button" id="txt2" value="10" onClick="sum();" /> 
 
<input type="button" id="txt3" value="20" onClick="sum();" /> 
 
<input type="button" id="txt4" value="30" onClick="sum();" />

Answer 1

することができますthis.valueをonClick関数に渡してボタンの値を取得します。ここで、thisは要素自体を表します。

function sum(value) { 
 
    document.getElementById('txt1').value = Number(document.getElementById('txt1').value) + Number(value); 
 
}

<input type="text" id="txt1" value="10" /> 
 
<input type="button" id="txt2" value="10" onClick="sum(this.value);" /> 
 
<input type="button" id="txt3" value="20" onClick="sum(this.value);" /> 
 
<input type="button" id="txt4" value="30" onClick="sum(this.value);" />

Answer 2

このJavaScriptがお手伝いします。

<script> 
    function sum(e) { 
     var result = parseInt(e.value) + parseInt(document.getElementById('txt1').value); 
     if (!isNaN(result)) { 
       document.getElementById('txt1').value = result; 
      } 
    } 
</script>