JSFiddle - React, Tailwind, and code Playground

by Alex

HTML

<table>
    <tr><td><input class="soma"/></td></tr>
    <tr><td><input class="soma"/></td></tr>
    <tr><td><input class="soma"/></td></tr>
    <tr><td><input class="soma"/></td></tr>
</table>
<input id="resultado"/>

JavaScript

$( ".soma" ).blur(function(){
    calcular();
});

function calcular() {
    var soma = 0;
    $( ".soma" ).each(function( indice, item ){
        var valor = parseFloat($(item).val());
        console.log(valor);
        if ( !isNaN( valor ) ) {
            soma += valor;
        }
    });
    $( "#resultado" ).val( soma );
}