JSFiddle - React, Tailwind, and code Playground

HTML

<td class="text-left"><input type="text" name="nilaia[]" id="nilaia" onchange="hitungtotal();" value="0" class="form-control"></td>
<td class="text-left"><input type="text" name="nilaia[]" id="nilaib" onchange="hitungtotal();" value="0" class="form-control"></td>
<td class="text-left"><input type="text" name="nilaia[]" id="nilaic" onchange="hitungtotal();" value="0" class="form-control"></td>
<td class="text-left"><input type="text" name="nilaia[]" id="nilaid" onchange="hitungtotal();" value="0" class="form-control"></td>
<td class="text-left"><input type="text" name="nilaia[]" id="nilaie" onchange="hitungtotal();" value="0" class="form-control"></td>
<td class="text-left"><input type="text" name="total[]"  id="total"  readonly="true" class="form-control" disabled></td>

JavaScript

$('input[id^="nilai"]').change(function(){
         var total = 0;
         $('input[id^="nilai"]').each(function(){
            total+=parseFloat($(this).val());
         });
         $('#total').val(total);
});