JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://dev.vanare.net/bundles/vanarewebsite/js/jquery.inputmask.bundle.min.js"></script>
<input type="text" class="i-input-1" value="100" onchange="copyValue1(this)">
<input type="text" class="i-input-2" value="555" disabled="disabled">
JavaScript
$('.i-input-1').inputmask(
'integer',
{
prefix: '$',
radixPoint: '.',
digits: 2,
autoGroup: true,
groupSeparator: ",",
rightAlign: false,
oncomplete: function(e){
copyValue1(e.currentTarget);
}
}
);
$('.i-input-2').inputmask(
'integer',
{
prefix: '$',
radixPoint: '.',
digits: 2,
autoGroup: true,
groupSeparator: ",",
rightAlign: false,
oncomplete: function(e){
copyValue(e.currentTarget);
}
}
);
function copyValue1(obj){
$('.i-input-2').val($(obj).inputmask('unmaskedvalue'));
}