/
maxxon
/
web-static-labs
Обзор
Документация
Войти
/
maxxon
/
web-static-labs
Код
Запросы
0
Задачи
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
html/lab2/task8/script.js
41 строка
2 KB
maxxon
lab1 lab2 lab3 lab4
12 ноя 2025, 02:32
12 ноя 2025, 02:32
aa1390d
Код
Авторство
О чём код?
document.addEventListener('DOMContentLoaded', function() { const colorBlock = document.getElementById('colorBlock'); const colorName = document.getElementById('colorName'); const resolutionInfo = document.getElementById('resolutionInfo'); function updateColorInfo() { const width = window.innerWidth; let color, name; // Определяем цвет и название в зависимости от ширины экрана if (width <= 300) { color = '#1abc9c'; name = 'Green Sea'; } else if (width <= 800) { color = '#2ecc71'; name = 'Emerald'; } else if (width <= 1300) { color = '#3498db'; name = 'Peter River'; } else if (width <= 1800) { color = '#9b59b6'; name = 'Amethyst'; } else { color = '#34495e'; name = 'Wet Asphalt'; } // Обновляем отображаемое название цвета colorName.textContent = name; // Обновляем информацию о разрешении resolutionInfo.textContent = `Ширина: ${width}px`; // Также обновляем через CSS переменную для синхронизации document.documentElement.style.setProperty('--current-color', color); } // Обновляем информацию при загрузке и изменении размера окна updateColorInfo(); window.addEventListener('resize', updateColorInfo); });