Что такое addEventListener в javascript | #7 | JavaScript для начинающих
Практикуем addEventListener и свойство classList
Давай реализуем вот такую штуку: Лапочка освещает нам путь, но стоит ее выключить (нажать на нее), как становится темно и грустно. Итак, наш план действий: Поехали! Делаем HTML и CSS Картинку можно разместить двумя способами - через тег img, либо как фон тега div. Менять фон проще, поэтому пойдем по второму пути, а потом посмотрим еще варианты. Что бы картинка влезла полностью зададим div высоту в 100vh. Теперь добавим сюда класс с включенной лапочкой Файлики тут - https://disk.yandex.ru/d/-0REW69eSapOvg Получим вот такую красоту Аналогично делаем для выключенной лампочки...
Как написать переключатель темы на базе файлов cookie с помощью CSS и ванильного JavaScript
Источник: Nuances of Programming HTML-код Для демонстрации темной темы понадобится простой HTML-файл. В раздел head включены CSS-файл styles.css и два файла JavaScript: darkmode.js и project.js. Мета-параметры — кодировка, вид экрана и заголовок — упоминаются только для заполнения минимального раздела заголовка. Кнопка переключения на темную тему — darkmode — расположена внутри элемента <header> на тринадцатой строчке. <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1...