JSFiddle - React, Tailwind, and code Playground

by ysangkok

HTML

<script>
    var update = function() {
        var sum = 
          Array.prototype.slice.call(
            document.getElementsByClassName("rangefield")
          ).reduce(
            function (a, b) {
              return a + Number(b.value);
            },
            0
          );
        document.getElementById("sumresult").innerHTML = sum;
    };
    </script>
    
    <input type="range" class="rangefield" onchange="update()" onkeyup="update()">
    <input type="range" class="rangefield" onchange="update()" onkeyup="update()">
    <input type="range" class="rangefield" onchange="update()" onkeyup="update()">
    <div id="sumresult"></div>