ボタンをクリックしているときに値をテキストボックスに追加します。

Question

jqueryを使用して電卓を作ろうとしています。しかし、私はどのようにテキストボックスに値を追加するか分からない各calulatorボタンをクリックします。私は次のコードを試してみました。

$(document).ready(function() { 
    $("input[type=button]").on({ 
     click: function() { 
      var nn = $(this).val(); 
      $("#text-box-id").val(nn); 
     } 
    }) 
}); 

このシナリオを解決するために私を助けてください。

Answer 1

置換を避けるために値をテキストボックスの値で置き換えてください。

$("input[type=button]").on({ 
        click: function() { 
         var nn = $(this).val().toString(); 
         var txtval=$("#text-box-id").val().toString(); 
         $("#text-box-id").val(txtval + nn); 
        } 
    }) 

Answer 2

私は正確に理解できませんが、私はあなたがオーバーライドではなく数字を追加したいと考えていると思いますか？

$(document).ready(function() { 
    $("input[type=button]").on({ 
      click: function() { 
       var nn = $(this).val(); 

       $('#text-box-id').val($('#itext-box-id').val() + nn); 

      } 
    }) 
     });