JSFiddle - React, Tailwind, and code Playground

by dkunin

HTML

<script type="text/javascript">
    $(function() {
names = document.getElementsByClassName('what')

    });

function levelthevalues(name){
    names = document.getElementsByClassName('what')
    result=0
    was=0
    for(i=0;i<names.length;i++) {
    if(name!=names[i].id){
    result+=Math.floor(document.getElementById(names[i].id).value)
    } else {
    was = Math.floor(document.getElementById(names[i].id).value)
    }
    }
    minus=Math.floor((100-result-was)/(names.length-1)*1.00);
    for(i=0;i<names.length;i++) {
    if(name!=names[i].id){
    previous=Math.floor(document.getElementById(names[i].id).value)
    document.getElementById(names[i].id).value=Math.floor(minus+previous)
    if(document.getElementById(names[i].id).value>100) document.getElementById(names[i].id).value=100
        if(document.getElementById(names[i].id).value<0) document.getElementById(names[i].id).value=0
    }}
}    


</script>


1: <input class="what" class onChange="levelthevalues(this.id);" type="text" id="w_1" value="0"/><br />
2: <input class="what" onChange="levelthevalues(this.id);" type="text" id="w_2" value="0"/><br />