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

Кекстаграм: играем с классами

На предыдущем шаге мы «включили» фильтр toaster из исходного состояния, а сейчас переключим его на walden. Для этого:

1. Снова найдём кнопку с классом toaster, сохраним её в переменную toasterControl и удалим у неё класс active, добавленный ранее:

var toasterControl = document.querySelector('button.toaster');
toasterControl.classList.remove('active');

2. Найдём кнопку с классом walden, сохраним её в переменную waldenControl и добавим ей класс active:

var waldenControl = document.querySelector('button.walden');
waldenControl.classList.add('active');

3. Найдём элемент с классом photo и сохраним его в переменную photo:

var photo = document.querySelector('.photo');

4. Удалим у фото класс toaster и добавим класс walden:

photo.classList.remove('toaster');
photo.classList.add('walden');
Минимальный вид табов
  • index.html
HTML
HTML

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

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

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

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

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