JSFiddle - React, Tailwind, and code Playground

by Juan Muñoz

CSS

div{
  width:100px;
  height:100px;
  display: inline-block;
}

JavaScript

$(document).ready(function (){
var colores = ['#e6194b', '#0f5b13', '#800d40', '#4363d8', '#f58231', '#393988', '#80A040', '#f032e6', '#ff2233', '#AaA1Ae', '#008080', '#707038', '#9a6324', '#808050', '#800000', '#00bb13', '#808000',  '#000075', '#808080', '#f55f32', '#000000'];
var min=0; 
  var max=20;  
for ( var $o = 0; $o < colores.length ; $o++){

  var random =Math.floor(Math.random() * (+max - +min)) + +min; 
	var div = "<div style='background-color:"+colores[random]+"'>"+colores[random]+"|"+$o+"</div>";
  console.log(div)
  $('body').append(div)
         }   
})