JSFiddle - React, Tailwind, and code Playground

HTML

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

JavaScript

$(document).ready(function () {
    var intTotalBig;
    $('.bigs').change(function () {
        intTotalBig = 0;
        $('.bigs').each(function(){
            $thisVal = $(this).val();
            if ($.isNumeric($thisVal)){
                intTotalBig += parseInt($thisVal, 10);
            }
        });
        $("#totalBig").val(intTotalBig);
    });
});