JSFiddle - React, Tailwind, and code Playground

by lasha

HTML

<div class="contentContainer">
STUFF IN HERE    
</div>

JavaScript

var counter = 0;

var timerAmount = 1000;

var myInterval = setInterval(function(){
    //console.log(counter++);
    //if(counter === 6){clearTimeout(myInterval);}
    counter++;
    addStufftoDOM();
}, timerAmount);

var addStufftoDOM = function(){
    if(counter % 2 === 0){
        $(".contentContainer").append("<h2>EVEN</h2>");
    } else {
        $(".contentContainer").append("<h2>ODD</h2>");
    }
    if(counter === 5){
        $("body").css("background-color","#FF0");
    }
    
    if(counter === 8){
        $("body").css("background-color","#F00");
    }
}