Färgläggning av celler i olika färger

Nästa logiska steg skulle vara att måla våra celler i slumpmässiga färger. Enligt villkoren för problemet har vi en viss begränsad uppsättning färger, låt oss säga tre: röd, grön, blå.

Om man tänker efter, så är det bekvämt att göra dessa färger till CSS-klasser. Dessa klasser kommer vi att ge till cellerna i vårt bord. Låt oss skapa dem:

.red {
	background: red;
}
.green {
	background: green;
}
.blue {
	background: blue;
}

I JavaScript-koden är det bekvämt att samla våra klasser i en array:

let colors = ['red', 'green', 'blue'];

Med en sådan array kan vi lösa vår uppgift: när en cell skapas kommer vi att tilldela den CSS, slumpmässigt välja den från vår array.

För detta är det bättre att skapa ett slags hjälp funktion som tar en array som parameter och returnerar ett slumpmässigt element från den.

Implementera den beskrivna funktionen. Testa dess funktionalitet.

Använd den funktion du skapat för att se till att cellerna får slumpmässiga färger när tabellen skapas.