Создание системы фильтрации элементов

// Выберите все элементы с классом .product-item
const items = document.input__1(".product-item");

// Вывод количества найденных элементов для проверки
console.log("Найдено элементов: " + items.length);

const elements = document.querySelectorAll(".item");

// Проходим по каждому элементу и скрываем его
elements.input__1(function(el) {
  el.style.input__2 = "none";
});

const card = document.querySelector(".card");

// Получаем значение категории из data-category
const category = card.input__1.category;

console.log("Категория товара: " + category);

const boxes = document.querySelectorAll(".box");

boxes.forEach(box => {
  // Проверяем, есть ли у элемента класс 'active'
  if (box.input__1.input__2("active")) {
    box.style.display = "block";
  } else {
    box.style.display = "none";
  }
});

const btn = document.getElementById("filterBtn");
const images = document.querySelectorAll("img");

btn.addEventListener("click", () => {
  images.forEach(img => {
    // Если тип картинки НЕ 'nature', скрываем её
    if (img.input__1.type !== "nature") {
       img.style.display = "input__2";
    }
  });
});

const input = document.getElementById("searchInput");

// Добавляем слушатель события ввода
input.addEventListener("input__1", function() {
  // Получаем текст из поля и переводим в нижний регистр
  const filterText = this.input__2.toLowerCase();
  console.log("Ищем: " + filterText);
});

const filterValue = document.getElementById("search").value.toLowerCase();
const items = document.querySelectorAll("li");

items.forEach(item => {
  const text = item.input__1.toLowerCase();
  
  // Если текст элемента содержит искомую фразу
  if (text.input__2(filterValue)) {
    item.style.display = "block";
  } else {
    item.style.display = "none";
  }
});

document.getElementById("showAllBtn").addEventListener("click", () => {
  const items = document.querySelectorAll(".item");
  
  // Убираем класс hidden у всех элементов
  items.forEach(el => {
    el.input__1.input__2("hidden");
  });
});

const buttons = document.querySelectorAll('.btn');
const images = document.querySelectorAll('img');

buttons.forEach(button => {
  button.addEventListener('click', () => {
    const filter = button.getAttribute('data-filter');
    
    images.forEach(img => {
      // Условие: показываем, если фильтр 'all' или категория совпадает
      if (filter === 'all' input__1 img.getAttribute('data-cat') === input__2) {
        img.style.display = 'inline-block';
      } else {
        img.style.display = 'none';
      }
    });
  });
});