Просмотр цветовых схем, как это реализовать.
Народ, все привет! Сразу скажу, вопрос возможно покажется очень тупым... Пытаюсь пройти вступительные на фронт разработчика, и последнее задание JS, не могу понять что от меня хотят, можете "объяснить на пальцах?"
JavaScript
Задание "Просмотр цветовых схем"
Файл стилей содержит в себе цвета, используемые для оформления сайта.
Необходимо эти цвета извлечь и отрисовать на странице в виде плитки.
Пример:
main.css содержит стили: body { background-color: white; color: #00FF00; } header { background-color: #00FF00; color: white; } .icon { box-shadow: 12px 12px 2px 1px rgba(0, 0, 255, .2); }
Тогда при загрузке страницы мы должны увидеть три плитки:
1. одна цвета "white",
2. вторая цвета "#00FF00".
3. третья цвета "rgba(0, 0, 255, .2)"
Обратите внимание что содержимое страницы нас не интересует, анализируются исключительно стили.
Задание содержит 3 уровня сложности:
Level 1: Отрисовать плитки уникальных цветов, содержащиеся в main.css. Показать информацию об общем количестве плиток.
Заранее спасибо!
|