Афарбоўка ячаек у розныя колеры
Наступным лагічным этапам будзе размаляваць нашы ячэйкі ў выпадковыя колеры. Па ўмове задачы ў нас пэўны абмежаваны набір колераў, хай тры: чырвоны, зялёны, сіні.
Калі падумаць, то гэтыя колеры зручна зрабіць CSS класамі. Гэтыя класы мы будзем даваць ячэйкам нашай табліцы. Зробім іх:
.red {
background: red;
}
.green {
background: green;
}
.blue {
background: blue;
}
У JavaScript кодзе зручна сабраць нашы класы ў масіў:
let colors = ['red', 'green', 'blue'];
Маючы такі масіў, мы можам вырашыць нашу задачу: у момант стварэння ячэйкі будзем прысвойваць ёй CSS, выпадковым чынам выбіраючы яго з нашага масіва.
Для гэтага лепш зрабіць нейкую дапаможную функцыю, якая параметрам будзе прымаць масіў і вяртаць яго выпадковы элемент.
Рэалізуйце апісаную функцыю. Пратэстуйце яе працу.
З дапамогай створанай вамі функцыі зрабіце так, каб ячэйкі пры стварэнні табліцы афарбоўваліся ў выпадковыя колеры.