Lahtrite erinevatesse värvidesse värvimine

Järgmiseks loogiliseks etapiks on meie lahtrite värvimine juhuslikesse värvidesse. Ülesande tingimuste kohaselt on meil piiratud värvide valik, oletame kolm: punane, roheline, sinine.

Kui mõelda, siis neid värve on mugav teha CSS klassidena. Me anname need klassid meie tabeli lahtritele. Teeme need:

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

JavaScripti koodis on mugav koguda meie klasse massiivi:

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

Olles sellise massiivi, saame lahendada meie ülesande: lahtri loomise hetkel anname sellele CSS-i, juhuslikult valides selle meie massiivist.

Selleks on parem teha mingit abifunktsiooni, mis parameetrina võtab vastu massiivi ja tagastab selle juhusliku elemendi.

Realiseerige kirjeldatud funktsioon. Testige selle tööd.

Kasutades teie poolt loodud funktsiooni tehke nii, et lahtrid tabeli loomisel värvitaks juhuslikesse värvidesse.