JSFiddle - React, Tailwind, and code Playground

by Brett Miley

HTML

How much is this worth to your business?
<hr>Visits
<input type="text" name="visits" />
<p> <span>Acho:</span>

    <input type="text" name="acho" />
</p>
<p> <span>Alto:</span>

    <input type="text" name="alto" />
</p>
<p> <span>Material:</span>

    <input type="text" name="material" />
</p>
<div class="right">Result:
    <input type="text" name="ml" />
</div>

JavaScript

$(':input').bind('keypress keydown keyup change', function () {
    var visits = parseFloat($(':input[name="visits"]').val(), 10),
        alto = parseFloat($(':input[name="alto"]').val(), 10),
        matl = parseFloat($(':input[name="material"]').val(), 10);

    var v = '';
    if (!isNaN(acho) && !isNaN(alto) && !isNaN(matl)) {
        v = (matl / 100) / ((alto / 100) * (acho / 100));
    }
    $(':input[name="ml"]').val(v.toString());
});