JSFiddle - React, Tailwind, and code Playground

HTML

<h1>YOU HAVE ASKED TEH 1 MILLLLIONTH QUESTION ON STACK OVERFLOW. CLICK HERE TO CLAIM YAH PRIZE!!11!1!</h1>

CSS

h1 {
    font-size: 40px;
    width: 400px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    line-height: 1.4em;
    padding: 30px 50px 50px;
    text-align: center;
    
    color: white;
    background-color: yellow;
}

JavaScript

var colors = ['red', 'green'], 
    h = $('h1'),
    n = 0;

setInterval(function(){
    h.css({
        'background-color': colors[n%colors.length],
        'color': colors[(n+1)%colors.length]
    });
    
    n++;
}, 100);

h.click(function(){
    h.text('Hahaha!!!!!');
});