JSFiddle - React, Tailwind, and code Playground

by Ea Bangalore

HTML

<ul></ul>

JavaScript

var names = [
    "Bill", "Joe", "Oliver", "Joe", "George", "Bill", "George", "John","Ejaz","Anwar"];
var colours = ["#F00", "#0F0", "#00F", "#000", "#0FF"];
var currentAssignments = {};

for (var i = 0; i < names.length; i++) {
    var name = names[i];
    var colour = currentAssignments[name];
    if (!colour) {
        colour = GetRandomColour();
        currentAssignments[name] = colour;
    }
    var li = $("<li>").html(name).css("color", colour);
    $("ul").append(li);
}

function GetRandomColour() {
    return colours.pop();
}