JSFiddle - React, Tailwind, and code Playground

HTML

<div class="controls">
    <input id="userpassword"  placeholder="Account Password" class="email" name="userpassword" type="password" readonly="" required/>
         <input type="button" value="2" name="no" onclick="moveNumbers(this.value)" class="btn btn-default">  
        <input type="button" value=" " name="backspace" onclick="moveNumbers(this.name)" class="btn btn-default"> 
</div>

JavaScript

function moveNumbers(num) { 
        var txt=document.getElementById("userpassword").value; 
        if(num=='backspace'){
            var width = $('#userpassword').val().length-1;
            var text_ad = $('#userpassword').val();
            var text_ad_out = text_ad.substring(0,width);
            $('#userpassword').val(text_ad_out);
        } else {
            txt=txt + num; 
            document.getElementById("userpassword").value=txt; 
        }
    }