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:

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

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

javascriptlet 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.