Оцветяване на клетки в различни цветове
Следващият логичен етап ще бъде да оцветим нашите клетки в случайни цветове. По условие на задачата имаме определен ограничен набор от цветове, нека да са три: червен, зелен, син.
Ако се замислим, тези цветове е удобно да се направят като CSS класове. Тези класове ще даваме на клетките от нашата таблица. Нека ги направим:
.red {
background: red;
}
.green {
background: green;
}
.blue {
background: blue;
}
В JavaScript кода е удобно да съберем нашите класове в масив:
let colors = ['red', 'green', 'blue'];
Имайки такъв масив, можем да решим нашата задача: в момента на създаване на клетка ще ѝ присвояваме CSS, избирайки го случайно от нашия масив.
За това е по-добре да направим някаква помощна функция, която параметър ще приема масив и ще връща неговия случаен елемент.
Реализирайте описаната функция. Тествайте нейната работа.
С помощта на създадената от вас функция направете така, че клетките при създаване на таблицата да се оцветяват в случайни цветове.