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

Показываем новости из выбранной категории

У нас получилось спрятать те новости, категория которых не совпадает со значением фильтра. Но есть проблема: если переключить фильтр несколько раз, то со страницы пропадут вообще все новости. Почему так происходит?

Дело в том, что мы сказали JavaScript, когда добавлять класс hidden, но не сказали, когда его убирать. Если значение фильтра изменилось, одни новости должны скрываться, а другие — снова показываться. Но пока мы новости только прячем.

Сделаем так, чтобы те новости, чья категория совпадает с новым значением фильтра, возвращались на страницу. Добавим в условную конструкцию ветку else: если условие ложно, то есть категория новости равна значению фильтра, то класс hidden у неё следует убрать. После этого несколько раз переключим фильтр и убедимся, что проблема исчезла.

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

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

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

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

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

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