JSFiddle - React, Tailwind, and code Playground

by Tiago Sousa

HTML

<div class="random">
    <div class="alsorandom">alsorandom</div>
</div>

<div class="random">
    <div class="alsorandom">alsorandom</div>
</div>

CSS

.blue {
    background: blue;
}

.red {
    background: red;
}

.green {
    background: green;
}

JavaScript

var classes = ["blue", "red", "green"];

$(".random").each(function(){
    var $this = $(this);
    var classIndex = Math.floor(Math.random()*(classes.length));
    alert(classIndex);
    $this.addClass(classes[classIndex]);
});