Кнопка, которая всегда последняя
Пять кнопок «Купить», и все открывают один и тот же товар
Учебное расследование по курсу JavaScript: 7 шагов, сложность 2 из 3.
Материалы дела
На странице каталога пять карточек товара, у каждой кнопка «Купить». Нажимаешь любую — открывается пятый товар. Всегда пятый, независимо от того, куда нажал.
Разработчик проверил разметку: у карточек разные идентификаторы, всё на месте. Проверил обработчики: они привязаны ко всем пяти кнопкам, тоже всё на месте.
У вас код, отладочная выгрузка и памятка. Найдите, где теряется номер товара.
Что будете применять
- var и let в цикле
- когда обработчик читает переменную
- замыкание
- index через параметр
Как проходит расследование
Читайте материалы дела, проверяйте предположения и решайте задания шаг за шагом. Решения проверяются на платформе; к следующему шагу ведёт найденная вами улика.
Для этого дела нужен бесплатный аккаунт: в нём сохраняются шаги и результат.
Практика и материалы по теме курса
- Тренажёр: повторить темы курса
- Расследование: Заказ на NaN рублей
- Расследование: Правка, которая размножилась
- Расследование: Заявка без телефона
- Расследование: Отчёт приходит не тот
- Расследование: Ошибка, которую съели
- Расследование: Страница, которая тяжелеет
- Расследование: Метод, потерявший себя
- Курс JavaScript переписан: восемнадцать уроков и код, который выполняется прямо в уроке
- Курс «JavaScript с нуля»: язык, на котором живут страницы