Выполните задания:
Чтобы получить зачёт, выполните все три задачи. Пришлите на проверку все три задачи сразу, не частями.
Работы должны соответствовать принятому стилю оформления кода.
Любые вопросы по задачам задавайте в чате учебной группы.
Если вы уже разобрались в теме объекта события и быстро решаете задачи из прошлых лекций, этот материал для вас.
Задачи этого курса будет проще решать, если вы познакомитесь с фазами события и делегированием событий. Эти темы будут подробно изучаться в следующем курсе.
Но если очень интересно и вы хотите сделать ваш код более красивым и производительным, вот материалы, которые в этом помогут:
- Введение в события.
- AddEventListener.
- Всплытие и перехват.
- Делегирование событий.
- Event.currentTarget.
- Event.target.
Делегирование событий — удобная техника для элементов, которые могут встретиться на странице более одного раза и имеют одинаковый функционал. Например, на странице может быть несколько блоков со вкладками. А действовать они должны независимо друг от друга.
Для закрепления навыков работы с событиями и внешними интерфейсами попробуйте пройти JavaScript-игру «Elevator Saga»: https://play.elevatorsaga.com.
Как можно создать собственное событие и его вызвать? Например:
element.addEventListener( 'hello' );Эту тему мы подробно разберём в следующем курсе, но пока можно познакомиться со статьями:
Читать их лучше после того, как вы познакомитесь с понятием фаз событий и принципов делегирования. Материалы по этим темам ждут вас в приложении к первому домашнему заданию.