Нравится сайт? Поддержи его донатом в 10-20$
С вашей поддержкой автор code.mu сможет вести дальнейшую работу над сайтом
⊗jsPrGChCCDC 48 of 62 menu
Бесплатная онлайн лекция "Асинхронность в JavaScript". Начало: 21 января в 20.00. Продолжительность: 1.5-2 часа. Жми для записи!

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

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

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

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

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

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

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

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

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

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

Русский
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить