Barvanje celic v različne barve
Naslednja logična faza bo barvanje naših celic v naključne barve. Glede na pogoj naloge imamo določen omejen nabor barv, recimo tri: rdeča, zelena, modra.
Če pomislimo, bi bilo priročno te barve narediti kot CSS razrede. Te razrede bomo dodeljevali celicam naše tabele. Naredimo jih:
.red {
background: red;
}
.green {
background: green;
}
.blue {
background: blue;
}
V JavaScript kodi je priročno zbrati naše razrede v matriko:
let colors = ['red', 'green', 'blue'];
S takšno matriko lahko rešimo našo nalogo: v trenutku ustvarjanja celice ji bomo dodelili CSS, pri čemer ga bomo naključno izbrali iz naše matrike.
Za to je bolje narediti neko pomožno funkcijo, ki bo kot parameter sprejela matriko in vrnila njen naključni element.
Implementirajte opisano funkcijo. Preizkusite njeno delo.
S pomočjo funkcije, ki ste jo ustvarili, naredite tako, da se celice ob ustvarjanju tabele obarvajo v naključne barve.