3 года назад
JavaScript. Урок №23. (addEventListener, removeEventListener, this)
В этом блоге мы рассмотрим практическую работу с addEventListener и removeEventListener. В конце теории есть задачи с помощью которых вы сможете закрепить полученную информацию. Пожалуйста, напишите в комментариях, какой информации вам не хватило в данном уроке. Метод addEventListener первым параметром принимает название события, а вторым - функцию, которую нужно привязать к этому событию. При этом имя события пишется без 'on': 'click' вместо 'onclick', 'mouseover' вместо 'onmouseover' и так далее...
06:44
1,0×
00:00/06:44
501,7 тыс смотрели · 4 года назад
1 год назад
Практикуем addEventListener и свойство classList
Давай реализуем вот такую штуку: Лапочка освещает нам путь, но стоит ее выключить (нажать на нее), как становится темно и грустно. Итак, наш план действий: Поехали! Делаем HTML и CSS Картинку можно разместить двумя способами - через тег img, либо как фон тега div. Менять фон проще, поэтому пойдем по второму пути, а потом посмотрим еще варианты. Что бы картинка влезла полностью зададим div высоту в 100vh. Теперь добавим сюда класс с включенной лапочкой Файлики тут - https://disk.yandex.ru/d/-0REW69eSapOvg Получим вот такую красоту Аналогично делаем для выключенной лампочки...