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:

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

JavaScripti koodis on mugav koguda meie klasse massiivi:

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