JSFiddle - React, Tailwind, and code Playground

HTML

<body>
   <p id="data"></p>
    <script>
        var remainingTasks;
        function doTask(){
            for(var j = 0; j < 1000; j++) {
                1+1;
            }
            console.log("remainingTasks="+remainingTasks);
            document.getElementById("data").innerHTML = 100 - remainingTasks;
            remainingTasks--;
            if(remainingTasks > 0) setTimeout(doTask, 10);
        }
        function onClick() {
            remainingTasks = 100;
            doTask()
          }
    </script>
   <button onclick = "onClick()">test</button>
</body>