JSFiddle - React, Tailwind, and code Playground

by Touqeer Shafi

HTML

<div class="input-group" id="total-emplcosts">
   <span class="input-group-addon">Total employer costs</span>
   <input type="text" class="form-control" name="empl_costs_inp" id="empl_costs_inp" />
   <input type="hidden" name="empl_costs" id="empl_costs" />
</div>

JavaScript

jQuery(document).ready(function($){
    $('.input-group input').on('keyup blur focusout',function() {
        if($(this).val() !== '') {
                    var inputValue = $(this).val();
                    var integerValue = parseInt(inputValue * 100);
            		$(this).parent().find('input[type="hidden"]').val(integerValue);
        }
    })
})