JSFiddle - React, Tailwind, and code Playground

HTML

<div id="content">
</div>

JavaScript

var myColors = [];
for (var ii=0;ii<10;ii++){
 myColors.push({value:getRandomColor()});
}

var myHtml = '<table><tr>';

for (var xx=0;xx<10;xx++){
    
    var temp ='<td style="background-color:'+myColors[xx].value+'">Cell '+xx+'</td>'

    myHtml+=temp;
 }

myHtml +='</tr><table>'

console.log(myHtml);

var myElement = document.getElementById('content');

myElement.innerHTML = myHtml;



//http://stackoverflow.com/questions/1484506/random-color-generator-in-javascript
function getRandomColor() {
    var letters = '0123456789ABCDEF'.split('');
    var color = '#';
    for (var i = 0; i < 6; i++ ) {
        color += letters[Math.floor(Math.random() * 16)];
    }
    return color;
}