Уячаларды ар түстөргө боёо
Кийинки логикалуу кадам - биздин уячаларды токумдогу түстөргө бөлүш болот. Маселенин шарты боюнча бизде чектелген түстөрдүн топтому бар, анын үчөөнү алалы: кызыл, жашыл, көк.
Ойлонсок, бул түстөрдү CSS класстары кылып жасаганыбыз ыңгайлуу. Бул класстарды биз таблицабыздын уячаларына беребиз. Аларды жасайлы:
.red {
background: red;
}
.green {
background: green;
}
.blue {
background: blue;
}
JavaScript кодуңузда биздин класстарды массивге чогултконубуз ыңгайлуу:
let colors = ['red', 'green', 'blue'];
Мындай массивге ээ болуп, биз өз маселебизди чече алабыз: уячаны түзүү учурунда ага CSS тага беребиз, биздин массивден токумдуу түрдө тандап алып.
Бул үчүн жардамчы функция жасаганыбыз жакшы, ал параметр катары массивди кабыл алып, анын токумдуу элементин кайтарып берет.
Сүрөттөлгөн функцияны ишке ашырыңыз. Анын иштешин текшериңиз.
Сиз түзгөн функцияңыздын жардамы менен таблицаны түзүү убагында уячалар токумдуу түстөргө боёлушу үчүн кылыңыз.