JSFiddle - React, Tailwind, and code Playground

by dkunin

HTML

<script type="text/javascript">

function levelthevalues(name){
    names=['one','two','three','four']
    result=0
    was=0
    for(i=0;i<names.length;i++) {
    if(name!=names[i]){
    result+=parseInt(document.getElementById(names[i]).value)
    } else {
    was = parseInt(document.getElementById(names[i]).value)
    }
    }
    minus=parseInt((100-result-was)/(names.length-1));
    for(i=0;i<names.length;i++) {
    if(name!=names[i]){
    previous=parseInt(document.getElementById(names[i]).value)
    document.getElementById(names[i]).value=parseInt(minus+previous)
    if(document.getElementById(names[i]).value>100) document.getElementById(names[i]).value=100
        if(document.getElementById(names[i]).value<0) document.getElementById(names[i]).value=0
    }}
}    


</script>


1: <input onChange="levelthevalues('one');" type="text" id="one" value="50"/><br />
2: <input onChange="levelthevalues('two');" type="text" id="two" value="20"/><br />
3: <input onChange="levelthevalues('three');" type="text" id="three" value="20"/><br />
4: <input onChange="levelthevalues('four');" type="text" id="four" value="10"/><br />