JSFiddle - React, Tailwind, and code Playground

by Juan Muñoz

HTML

<div class='paneles' style='width:100%'>

</div>

CSS

.panel{
  width:60px;
  height: 40px;
  float:left;
}

JavaScript

var colores = ['#e6194b', '#0f5b13', '#800d40', '#4363d8', '#f58231', '#393988', '#800040', '#f032e6', '#ff2233', '#fabebe', '#008080', '#707038', '#9a6324', '#808050', '#800000', '#00bb13', '#808000', '#ffd8b1', '#000075', '#808080', '#f55f32', '#000000']
var min=0; 
var max=20;  
var random =Math.floor(Math.random() * (+max - +min)) + +min; 

for ( var i = 0; i < colores.length; i++ ){
	$('.paneles').append("<div class='panel' style='background-color:"+colores[i]+"' >N"+i+"</div>")
 }