JSFiddle - React, Tailwind, and code Playground

by karin

HTML

<div id="square" class="change"></div>

CSS

#square {
    height:4em;
    width:4em;
}

JavaScript

var col = ['Crimson', ' Coral', 'DarkMagneta', 'Purple', 'DarkKhaki', 'DarkOliveGreen', 'DarkCyan', 'Beige', 'DarkSeaGreen', 'DarkRed', 'DarkRed', 'DarkSalmon', 'Khaki', 'GoldenRod', 'GreenYellow', 'HotPink', 'Gainsboro']


var pick = Math.floor((Math.random() * 17) + 1);
document.getElementById("square").style.background = col[pick];