АКЦИЯ: бесплатные месячные курсы по созданию сайтов
на выбор: верстка, JavaScript, PHP, Python и фреймворки. Сегодня последний день для записи! Жми!
⊗jsPrGChCCDC 48 of 62 menu
Бесплатные курсы по Git. Начинаем, когда соберется 1000 желающих:) Жми для записи!

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

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

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

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

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

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

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

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

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

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

enru