Ұяшықтарды әр түрлі түстерге бояу
Келесі логикалық кезең біздің ұяшықтарымызды кездейсоқ түстерге бояу болып табылады. Есеп шарты бойынша бізде шектеулі түстер жиынтығы бар, ол үш түс болсын: қызыл, жасыл, көк.
Ойлансақ, бұл түстерді CSS сыныптары ретінде жасау ыңғайлы. Бұл сыныптарды біз кестеміздің ұяшықтарына береміз. Оларды жасайық:
.red {
background: red;
}
.green {
background: green;
}
.blue {
background: blue;
}
JavaScript кодында біздің сыныптарымызды массивке жинау ыңғайлы:
let colors = ['red', 'green', 'blue'];
Осындай массивге ие болу арқылы біз өз есебімізді шеше аламыз: ұяшықты жасау сәтінде оған CSS тағайындаймыз, оны біздің массивімізден кездейсоқ таңдап алу арқылы.
Бұл үшін қандай да бір көмекші функцияны жасаған дұрыс, ол параметр ретінде қабылдайды массивті және оның кездейсоқ элементін қайтарады.
Сипатталған функцияны жүзеге асырыңыз. Оның жұмысын тестіңіз.
Сіз жасаған функцияның көмегімен кестені жасау кезінде ұяшықтар кездейсоқ түстерге боялғандай етіңіз.