Zabarvení buněk různými barvami

Dalším logickým krokem bude obarvit naše buňky náhodnými barvami. Podle podmínek úkolu máme omezenou sadu barev, řekněme tři: červená, zelená, modrá.

Když se nad tím zamyslíme, bude vhodné udělat z těchto barev CSS třídy. Tyto třídy budeme přiřazovat buňkám naší tabulky. Vytvořme je:

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

V JavaScriptovém kódu je vhodné shromáždit naše třídy do pole:

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

S takovým polem můžeme vyřešit náš úkol: v momentě vytvoření buňky jí přiřadíme CSS třídu, náhodně vybranou z našeho pole.

K tomu je lepší vytvořit nějakou pomocnou funkci, která bude přijímat pole jako parametr a vracet jeho náhodný prvek.

Realizujte popsanou funkci. Otestujte její funkčnost.

Pomocí funkce, kterou jste vytvořili, zařiďte, aby se buňky při vytváření tabulky barvily náhodnými barvami.