Farging av celler i forskjellige farger

Den neste logiske fasen vil være å fargelegge våre celler i tilfeldige farger. I følge oppgaven har vi et begrenset sett med farger, la oss si tre: rød, grønn, blå.

Hvis du tenker på det, er det praktisk å lage disse fargene som CSS-klasser. Disse klassene vil vi gi til cellene i tabellen vår. La oss lage dem:

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

I JavaScript-koden er det praktisk å samle klassene våre i en array:

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

Med en slik array kan vi løse oppgaven vår: i øyeblikket en celle opprettes, vil vi tildele den CSS, ved å tilfeldig velge den fra arrayen vår.

For dette er det bedre å lage en hjelpefunksjon som tar en array som parameter og returnerer et tilfeldig element fra den.

Implementer den beskrevne funksjonen. Test dens funksjon.

Med funksjonen du har opprettet, gjør det slik at cellene får tilfeldige farger når tabellen opprettes.