Werte an ein Textfeld anhängen, während Sie auf die Schaltfläche klicken

Question

Ich versuche, einen Rechner mit jQuery zu machen. Aber ich weiß nicht, wie man Werte an das Textfeld anfügt, wenn ich auf die einzelnen Schaltflächen klicke. Ich hatte es mit folgendem Code versucht.

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

Bitte helfen Sie mir, dieses Szenario zu lösen.

Answer 1

Berücksichtigen Sie Ihren Wert mit Textfeldwert, um zu vermeiden, ersetzen.

$("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

Ich bin mir nicht sicher, ob ich genau verstehe, aber ich denke, was ich verstehe ist, dass Sie nur mehr Zahlen hinzufügen wollen, anstatt zu überschreiben?

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

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

      } 
    }) 
     });