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

У нас уже написан цикл, который перебирает все новости и сравнивает категорию каждой из них со строкой. Перенесём этот цикл внутрь обработчика событий 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) {
      …
    }
  }
};

Проверим, что всё работает: изменим значение фильтра и убедимся, что подсветка добавляется новостям из выбранной категории.