JSFiddle - React, Tailwind, and code Playground

by Michal Vodicka

HTML

<input type="text" name="aaa" value="1234" onChange="javascript: doTotal();" />
<input type="text" name="abc" value="0.12" onChange="javascript: doTotal();" />
<input type="text" name="acc" value="145" onChange="javascript: doTotal();" />
<input type="password" name="aaa" value="1234" onChange="javascript: doTotal();" />
<input type="text" name="ccc" value="124as" onChange="doTotal();" />

<div id="tdTotal"></div>

JavaScript

function doTotal() {
    var stuff = document.getElementsByTagName("input");
    var theTotal = 0;
    for (var i = 0; i < stuff.length; i++) {
        if (stuff[i].getAttribute('type') == 'text') {
            if ((stuff[i].value != '') && !isNaN(stuff[i].value) && (typeof stuff[i].name.substr(0, 8) === "string")) {
                theTotal += parseFloat(stuff[i].value);
            }
        }
    }
    document.getElementById("tdTotal").innerHTML = "R " + theTotal.toFixed(2);
    // frm.txtTotal.value = theTotal.toFixed(2);
    // alert(theTotal);
}