JSFiddle - React, Tailwind, and code Playground

by antishok

HTML

<div id="subject">foobar</div>

CSS

#subject {
  height:100px;
  width: 100px;
  background-color:#ff0000;
}
#subject.red {
  background-color: #ff0000;
}
#subject.orange {
  background-color: #ff3300;
}
#subject.yellow {
  background-color: #ffff00;
}
#subject.green {
  background-color: #00cc00;
}
#subject.blue {
  background-color: #0000ff;
}
#subject.purple {
  background-color: #9933ff;
}

JavaScript

var colors = ['red', 'orange', 'yellow', 'green', 'blue', 'purple'];

var colorSelected = colors[Math.floor(0 + Math.random() * 5)];

console.log(colorSelected);

$("#subject").addClass(colorSelected);