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:

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

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

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

Valósítsa meg a leírt függvényt. Tesztelje a működését.

A létrehozott függvény segítségével tegye úgy, hogy a cellák a táblázat létrehozásakor véletlenszerű színekkel legyenek színezve.