JSFiddle - React, Tailwind, and code Playground

by Kishore Sahasranaman

HTML

<div id="dots">
   <div class="dot"> . </div>
   <div class="dot"> . </div>
   <div class="dot"> . </div>
   <div class="dot"> . </div>
     <div class="dot"> . </div>
   <div class="dot"> . </div>
   <div class="dot"> . </div>
     <div class="dot"> . </div>
   <div class="dot"> . </div>
   <div class="dot"> . </div>
     <div class="dot"> . </div>
   <div class="dot"> . </div>
   <div class="dot"> . </div>
</div>

CSS

.randomcss {
    background : yellow;
}

JavaScript

window.radomNo = 0;
setInterval(function(){
    if(radomNo) $(".dot:eq("+ radomNo +")").toggleClass("randomcss");
    window.radomNo = Math.floor((Math.random() * $(".dot").length) + 1);
	$(".dot:eq("+ radomNo +")").toggleClass("randomcss");
},1000);