Kleur van selle in verskillende kleure

Die volgende logiese stap sal wees om ons selle in lukrake kleure te kleur. Volgens die voorwaardes van die taak het ons 'n beperkte stel kleure, laat ons sê drie: rooi, groen, blou.

As ons daaroor dink, dan is dit gerieflik om hierdie kleure as CSS klasse te maak. Hierdie klasse sal ons aan die selle van ons tabel gee. Laat ons dit maak:

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

In die JavaScript kode is dit gerieflik om ons klasse in 'n array te versamel:

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

Met so 'n array, kan ons ons taak oplos: op die oomblik van skep van 'n sel, sal ons dit CSS toewys, deur dit lukraak uit ons array te kies.

Vir dit is dit beter om 'n hulp funksie te maak, wat 'n array as parameter sal aanvaar en sy lukrake element sal teruggee.

Implementeer die beskryfde funksie. Toets die werking daarvan.

Maak met behulp van die funksie wat jy geskep het dat selle wanneer die tabel geskep word, gekleur word in lukrake kleure.