JSFiddle - React, Tailwind, and code Playground

by electronoob

HTML

<h1>
bloble.io colours from game.js
</h1>

JavaScript

var colors = ["#666666","#EBEBEB","#D6D6D6","#A8A8A8","#B4B4B4","#F9FF60","#FF6060","#82FF60","#607EFF","#60EAFF","#FF60EE","#E360FF","#FFAF60","#A3FF60","#FF609C","#60FF82","#CC60FF","#C65959","#404B7F","#F2D957","#C55252","#498E56","#C45151","#C35454","#C85757","#C85959","#5B74B6","#CD6868","#5C81BD","#5BB146","#D8C963","#FFFFFF","#93E865","#A2FF6F","#89D95F"];


for (let c in colors) {
  let color = colors[c];
	let newDiv = document.createElement("div"); 
  let newContent = document.createTextNode(color); 
  newDiv.appendChild(newContent); 
  newDiv.style = `font-weight:bold;background-color: ${color};width:100px;height:100px;float:left;margin:2px;border-radius:20px 20px;text-align:center;`;
  document.body.appendChild(newDiv);
	console.log();
}