Мы нашли все новости на странице и добавили им подсветку, которая поможет отладить код и настроить фильтрацию. Фильтровать новости мы будем по категориям. Категория каждой новости указана в её data-атрибуте:

<article class="news-block" data-category="games">
  …
</article>

Возможных значений у data-category четыре: 'games', 'IT', 'HR' и 'cats'. Такие же значения есть у фильтра. Когда пользователь выбирает категорию, мы должны сравнить значение атрибута новости с выбранным значением фильтра.

Мы уже умеем сравнивать два числа и узнавать, какое из них больше. А как узнать, что два значения равны друг другу? Используем оператор строгого равенства. Он обозначается тремя знаками равно:

'a' === 'a'; // Результат: true
'a' === 'b'; // Результат: false

Оператор строгого равенства сравнивает два значения и возвращает true, если они равны, и false, если они не равны. Значения, которые проверяет оператор, называют операндами.

Используем оператор строгого равенства, чтобы создать фильтрацию на новостном сайте. Добавим внутрь цикла условную конструкцию и будем сравнивать значение атрибута data-category каждой новости с одним из возможных значений фильтра. В результате подсветка добавится новостям только из одной категории.