JSFiddle - React, Tailwind, and code Playground

by Norlihazmey Ghazali

HTML

<input type='text' name='debit' class='debit' id='debit"+x+"' placeholder='debit' style='width:60px'>
    <input type='text' name='debit' class='debit' id='debit"+x+"' placeholder='debit' style='width:60px'>
        <input readonly type='text' name='total_debit_text' id='total' style='width: 60px'>

JavaScript

$('.debit').change(function (e) {
  var total = 0;
   
  $('.debit').each(function(){
     var myValue = $(this).val() ? $(this).val() : 0;
     total += parseFloat(myValue);
  });      
  $('#total').val(total);
});