вопросы пишите мне в телеграмм +375298176892
можно скачать офлайн версию сайта: code.mu old.code.mu

Окраска ячеек в разные цвета

Следующим логичным этапом будет разрисовать наши ячейки в случайные цвета. По условию задачи у нас некоторый ограниченный набор цветов, пусть три: красный, зеленый, синий.

Если подумать, то эти цвета удобно сделать CSS классами. Эти классы мы будем давать ячейкам нашей таблицы. Сделаем их:

.red { background: red; } .green { background: green; } .blue { background: blue; }

В JavaScript коде удобно собрать наши классы в массив:

let colors = ['red', 'green', 'blue'];

Имея такой массив, мы можем решить нашу задачу: в момент создания ячейки будем присваивать ей CSS, случайным образом выбирая его из нашего массива.

Для этого лучше сделать некую вспомогательную функцию, которая параметром будет принимать массив и возвращать его случайный элемент.

Реализуйте описанную функцию. Потестируйте ее работу.

С помощью созданной вами функции сделайте так, чтобы ячейки при создании таблицы окрашивались в случайные цвета.