/
githubmirror
/
50projects50days
Обзор
Документация
Войти
/
githubmirror
/
50projects50days
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
hoverboard/script.js
29 строк
816 B
Brad Traversy
Hoverboard
15 окт 2020, 23:45
15 окт 2020, 23:45
d7dbb78
Код
Авторство
О чём код?
const container = document.getElementById('container') const colors = ['#e74c3c', '#8e44ad', '#3498db', '#e67e22', '#2ecc71'] const SQUARES = 500 for(let i = 0; i < SQUARES; i++) { const square = document.createElement('div') square.classList.add('square') square.addEventListener('mouseover', () => setColor(square)) square.addEventListener('mouseout', () => removeColor(square)) container.appendChild(square) } function setColor(element) { const color = getRandomColor() element.style.background = color element.style.boxShadow = `0 0 2px ${color}, 0 0 10px ${color}` } function removeColor(element) { element.style.background = '#1d1d1d' element.style.boxShadow = '0 0 2px #000' } function getRandomColor() { return colors[Math.floor(Math.random() * colors.length)] }