В прошлых статьях в блоге была упомянута популярная JavaScript-библиотека jQuery. Для тех, кто еще не сталкивался с данным полезным инструментом веб-разработки, я определенно рекомендую уделить время и прочитать сначала вводный материал, а потом и эту дополняющую статью. Для всех других кто уже работал с этой библиотекой, может быть полезно сохранить ссылку чтобы поделиться с начинающими веб программистами - или повторить материал при необходимости. Чуть повторюсь относительно вводной статьи. Вот...
Давай реализуем вот такую штуку: Лапочка освещает нам путь, но стоит ее выключить (нажать на нее), как становится темно и грустно. Итак, наш план действий: Поехали! Делаем HTML и CSS Картинку можно разместить двумя способами - через тег img, либо как фон тега div. Менять фон проще, поэтому пойдем по второму пути, а потом посмотрим еще варианты. Что бы картинка влезла полностью зададим div высоту в 100vh. Теперь добавим сюда класс с включенной лапочкой Файлики тут - https://disk.yandex.ru/d/-0REW69eSapOvg Получим вот такую красоту Аналогично делаем для выключенной лампочки...