Šūnu krāsošana dažādās krāsās

Nākamais loģiskais posms būtu mūsu šūnas nokrāsot nejaušās krāsās. Atbilstoši uzdevuma nosacījumiem mums ir ierobežots krāsu kopums, teiksim trīs: sarkans, zaļš, zils.

Ja padomā, tad šīs krāsas ir ērti izveidot kā CSS klases. Šīs klases mēs piešķirsim mūsu tabulas šūnām. Izveidosim tās:

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

JavaScript kodā ir ērti apkopot mūsu klases massīvā:

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

Izmantojot šādu masīvu, mēs varam atrisināt mūsu uzdevumu: šūnas izveides brīdī piešķirsim tai CSS, nejauši izvēloties to no mūsu masīva.

Lai to izdarītu, labāk ir izveidot kādu palīgfunkciju, kas parametru pieņems masīvu un atgriezīs tā nejauši izvēlētu elementu.

Realizējiet aprakstīto funkciju. Pārbaudiet tās darbību.

Izmantojot jūsu izveidoto funkciju, izdariet tā, lai šūnas, izveidojot tabulu, tiktu nokrāsotas nejaušās krāsās.