JSFiddle - React, Tailwind, and code Playground

by dexanscript

JavaScript

/**
 * ******************************************************************************************
 * Add the colors to the DOM
 * ******************************************************************************************
 */

// Generate an array of 5 random colors
let colorsArray = genRandomColorsArray(5);

// Add the colors to the DOM function
function addColorsToDom(colorsArray) {
  document
    .querySelectorAll("#generatedColors .colors-block")
    .forEach((color, index) => {
      color.style.backgroundColor = colorsArray[index];
    });
}

// Add the colors to the DOM
addColorsToDom(colorsArray);