JSFiddle - React, Tailwind, and code Playground

by Mohamed Farouk

HTML

<input type='button' id = 'add' value='add Input elemnt' />
<div id='container'>
</div>
<label>Total Sum</label>
<input type='text' id='totalSum' />

JavaScript

$('#add').click(function(){
    $('#container').append('<input type="text" class="toSum" /><br/>');
});

$('#container').change(function(e){
    var sum = 0;
    $(this).find('.toSum').each(function(index,el){
        var val = $(el).val();
        if(val && val != "")
            sum+= parseInt(val);
    });
    $('#totalSum').val(sum);
});