JSFiddle - React, Tailwind, and code Playground

by dying_sakura

HTML

<script src="https://code.jquery.com/jquery-2.2.3.min.js"></script>
  <input type="text" value=""  class="form-control" placeholder="autocomma textbox" id="box"/>
<input type="text" value="" placeholder="same value but no comma" 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;
    document.getElementById("textbox2").value=count.replace(',','');
}