JSFiddle - React, Tailwind, and code Playground

HTML

<button id="mybutton">Click me and wait</button>
<div id="mydiv">
  Refreshing
</div>
<div id="mystatus">  
</div>

CSS

.refreshing
{
    background-color: #ff0000;
}

JavaScript

$(document).ready(function () {
    
    $("#mybutton").click(function () {
      var s = "";
    
      s+="Starting work...";    
      $("#mystatus").text(s);
    
      // Set indicator to show work is in progress    
      $("#mydiv").addClass("refreshing");
    
      for (var i = 0; i < 10000; i++) {
          for (var j = 0; j < 100000; j++) {
          }
      }

      s+="Finished";
      $("#mystatus").text(s);
    
    
      $("#mydiv").removeClass("refreshing");
    });
});