JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" id="big_1"/>
        <input type="text" id="big_2"/>
        <input type="text" id="big_3"/>
        <input type="text" id="big_4"/>
        <input type="text" id="big_5"/>
        <input type="text" id="big_6"/>
        <input type="text" id="big_7"/>
        <input type="text" id="big_8"/>
        <input type="text" id="big_9"/>
        <input type="text" id="big_10"/>            
<br>
           <input type="text" id="totalBig" disabled/>

JavaScript

$(document).ready(function() {
    $('[id^="big"').change(function(){
        var total = (+$('#totalBig').val());
        var currentVal = (+$(this).val());
        total += currentVal;
        $('#totalBig').val(total)
    })
});