Cellák színezése különböző színekre

A következő logikus lépés az lesz, hogy a celláinkat véletlenszerű színekre színezzük. A feladat feltételei szerint van egy korlátozott színkészletünk, legyen három: piros, zöld, kék.

Ha belegondolunk, akkor ezeket a színeket célszerű CSS osztályokká tenni. Ezeket az osztályokat adjuk a táblázatunk celláinak. Készítsük el őket:

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

A JavaScript kódban célszerű az osztályainkat tömbben összegyűjteni:

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

Egy ilyen tömbbel meg tudjuk oldani a feladatunkat: a cella létrehozásakor hozzárendeljük neki a CSS-t, véletlenszerűen kiválasztva azt a tömbbünkből.

Ehhez jobb valamilyen segédfüggvényt készíteni, ami paraméterként átveszi a tömböt és visszaadja annak véletlenszerű elemét.