Условие
На пирсе BubblePier есть ссылка, оболочка #shell и кнопка внутри. В script.js отмените переход, покажите всплытие через target / currentTarget и сделайте кнопку «Сбросить». HTML и CSS не трогайте.
Что нужно сделать
#exit-link:preventDefault(),#gate→ Стоп.#shell: в#bubbleпишитеtarget=… current=…(id, иначе tagName).#inner-btn:#pulse→ Всплеск.- Кнопка
.jettison«Сбросить» в#bay; клик →remove().
Подсказка для новичка
event.target - где кликнули. event.currentTarget - на ком висит обработчик. При клике по кнопке внутри оболочки событие всплывёт и сработает слушатель на #shell.
Стартовый код
Пишите только в script.js. «Помощник» подставит решение по шагам.
Вот так должно получиться
На превью после скрипта должно быть так:
Как пользоваться IDE
- Предпросмотр — как выглядит ваша страница.
- Результат — какой итог должен получиться.
- Описание задачи — полное условие и справка.
- Задание — краткие шаги 1–2–3 снизу.
- Помощник — подсказки по шагам.
- Черновик — ссылка на ваш код.
- Сброс кода — стартовый шаблон.
preventDefault
Ставьте в начале обработчика: иначе браузер успеет перейти по href. Не путайте с return false - это устаревший приём.
Всплытие
Клик идёт снизу вверх по DOM. Поэтому слушатель на родителе тоже сработает, если кликнули по ребёнку.
Коротко: preventDefault · target · currentTarget · create + remove.