filter-categorie.js

//CÓDIGO REFATORADO PELO CHATGPT

const result = document.querySelector("#result");

async function fetchPosts(url) {
  try {
    const response = await fetch(url);
    const jsonData = await response.json();
    return jsonData;
  } catch (error) {
    console.error("Erro ao buscar dados:", error);
    throw error;
  }
}

const url = "https://meusite.com.br/wp-json/wc/store/products/categories";

fetchPosts(url)
  .then((response) => {
    const categories = response.filter(
      (data) =>
        ["Dublados", "Destaques"].includes(data.name) ||
        [
          "https://meusite.com.br/categoria-produto/dublados/",
          "https://meusite.com.br/categoria-produto/destaques/",
        ].includes(data.permalink)
    );

    if (categories.length > 0) {
      const dubladosUrl =
        "https://meusite.com.br/categoria-produto/dublados/";
      const destaquesUrl =
        "https://meusite.com.br/categoria-produto/destaques/";

      const dubladosImage = `<a href="${dubladosUrl}"><img class="img-thumbnail" src="https://meusite.com.br/wp-content/uploads/2022/05/banner-dublados-1.png"></img></a>`;
      const destaquesImage = `<a href="${destaquesUrl}"><img class="img-thumbnail" src="https://meusite.com.br/wp-content/uploads/2022/05/banner-destaques-1.png"></img></a>`;

      result.innerHTML = dubladosImage + destaquesImage;
    } else {
      console.log("Nenhuma categoria encontrada.");
    }
  })
  .catch((error) => {
    console.error("Erro na requisição:", error);
  });