JSFiddle - React, Tailwind, and code Playground

by dying_sakura

HTML

<input type="text" value=""  class="form-control" id="box"/>
<input type="text" value="" id="textbox2" required  name="amount1" min="100" autocomplete="off"/>

<input id="bet4" class="amount btn btn-success" type="button" onclick="showme('5,000')" value="5000">

JavaScript

function updateTextView(_obj) {
   var num = getNumber(_obj.val());
   if (num == 0) {
     _obj.val('');
   } else {
     $("#textbox2").val(num);
     _obj.val(num.toLocaleString());
   }
}
 function getNumber(_str){
   var arr = _str.split('');
   var out = new Array();
   for(var cnt=0;cnt<arr.length;cnt++){
     if(isNaN(arr[cnt])==false){
       out.push(arr[cnt]);
    }
   }
   return Number(out.join(''));
 }
 $(document).ready(function(){
   $('#box').on('keyup',function(){
     updateTextView($(this));
   });
 });
 $(document).ready(function(){
				$("#bet4").on("click", function(e)
				{
					e.preventDefault();
					let box = $("#box").val();

					$("#betAmountResult").html(box);
				})
			})
      function showme(count){
    document.getElementById("box").value=count;
}