Farvning af celler i forskellige farver

Det næste logiske trin vil være at farve vores celler i tilfældige farver. Ifølge problemets betingelser har vi et begrænset sæt farver, lad os sige tre: rød, grøn, blå.

Hvis man tænker over det, er det praktisk at lave disse farver som CSS-klasser. Disse klasser vil vi give til cellerne i vores tabel. Lad os lave dem:

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

I JavaScript-koden er det praktisk at samle vores klasser i et array:

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

Med et sådant array kan vi løse vores opgave: på tidspunktet for oprettelse af en celle vil vi tildele den CSS, ved tilfældigt at vælge den fra vores array.

Til dette er det bedst at lave en hjælpefunktion, som modtager et array som parameter og returnerer dets tilfældige element.

Implementer den beskrevne funktion. Test dens funktion.

Brug den funktion, du har oprettet, til at gøre så cellerne farves i tilfældige farver, når tabellen oprettes.