- Теория
- Теория
Добавляем класс новостям из выбранной категории
Мы научились получать значение фильтра в тот момент, когда пользователь переключает категорию. Чтобы фильтрация заработала, нам нужно сравнить полученное значение с категорией каждой новости на странице.
У нас уже написан цикл, который перебирает все новости и сравнивает категорию каждой из них со строкой. Перенесём этот цикл внутрь обработчика событий onchange
и заменим произвольную строку на значение фильтра.
// До
for (let article of articles) {
if (article.dataset.category === 'cats') {
…
}
}
// После
filter.onchange = function () {
for (let article of articles) {
if (article.dataset.category === filter.value) {
…
}
}
};
Проверим, что всё работает: изменим значение фильтра и убедимся, что подсветка добавляется новостям из выбранной категории.
Хорошо владеете JavaScript, но до сих пор не освоили Node.js? Записывайтесь на профессиональный курс «Node.js. Профессиональная разработка REST API». Цена 12 000 ₽.
- index.html
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.