JSFiddle - React, Tailwind, and code Playground

by jaimem

HTML

<div id='box'>
<input class='inputs' />
<input class='inputs' />
<input class='inputs' />
<input class='inputs' />
<input id='resultado' />
</div>

CSS

#box { margin: 40px }
.inputs, #resultado{ width : 25px; height: 20px }

JavaScript

$('#box').on('keyup', '.inputs', function(e) {
    var t = 0,
        s = 0;
    $('.inputs').each(function(i, el) {
        var n = parseFloat($(el).val());
        if (!isNaN(n) && n > 0) {
            s += n;
            t++;
        }
    });
    $('#resultado').val((s/t).toFixed(1));
});