JSFiddle - React, Tailwind, and code Playground
by Prasad
HTML
<div class="percent">
<input type="text" name="weight" class="dirright" placeholder="%XX">
</div>
CSS
.dirright
{
direction:rtl;
}
JavaScript
$('.percent input[type=text]').on('keyup',function(){
var oldstr=$('.percent input[type=text]').val();
var oldstr=oldstr.split('%');
$('.percent input[type=text]').val(oldstr+'%');
});