• Теория
  • Теория

Click ’Em All!

Мы нашли все изображения на странице, теперь можно программировать логику. Взаимодействие должно быть таким: пользователь кликает по превью → меняется большая картинка.

Первым делом нужно добавить обработчики клика на каждую миниатюру. Все миниатюры хранятся в коллекции thumbnails. Мы можем перебрать эту коллекцию в цикле, добавляя обработчик клика на текущий элемент коллекции. Так мы добавим обработчик на каждую миниатюру.

Внутри обработчика выведем строку в консоль, а затем попробуем кликнуть по миниатюрам. Так мы убедимся, что обработчики срабатывают.

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Знакомство с событиями» тренажёра «Погружение в браузерный JavaScript» можно после регистрации и оформления подписки.