JSFiddle - React, Tailwind, and code Playground

by alexdickson

HTML

<div id="awards">hello</div>

CSS

#awards {
   border: 1px solid red;   
}

JavaScript

var colors = {
1: '#FFFF00',
2: '#FF0000',
3: '#80FF00',
4: '#00FFFF',
5: '#FF00FF'
}; 

var color = Math.floor(Math.random()*5)+1;

if(color == document.getElementById('awards').style.borderColor) {
    var color = Math.floor(Math.random()*5)+1;
}
else {
document.getElementById('awards').style.borderColor = colors[color];
}