- Теория
- Теория
Click ’Em All!
Мы нашли все изображения на странице, теперь можно программировать логику. Взаимодействие должно быть таким: пользователь кликает по превью → меняется большая картинка.
Первым делом нужно добавить обработчики клика на каждую миниатюру. Все миниатюры хранятся в коллекции thumbnails
. Мы можем перебрать эту коллекцию в цикле, добавляя обработчик клика на текущий элемент коллекции. Так мы добавим обработчик на каждую миниатюру.
Внутри обработчика выведем строку в консоль, а затем попробуем кликнуть по миниатюрам. Так мы убедимся, что обработчики срабатывают.
Хотите применять объектно-ориентированный подход и современные возможности ECMAScript для разработки веб-приложений? Хотите уметь применяеть паттерны проектирования? Записывайтесь на профессиональный курс «JavaScript. Архитектура клиентских приложений». Цена 12 000 ₽.
- index.html
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.