Entrar Ainda não tem acesso?
1
resposta

[Sugestão] Fiz dessa forma.

Referente ao curso JavaScript: consumindo e tratando dados de uma API, no capítulo Criando filtros de exibição e atividade Desafio: refatorando a barra de pesquisa

por Tércio Brandão Cavalcanti
| 100.9k xp | 27 posts
Agente Socioeducativo 
barraDePesquisa.addEventListener("input", filtrarPesquisa);

function filtrarPesquisa() {
  const video = document.querySelectorAll(".videos__item");
  const filtro = barraDePesquisa.value.toLowerCase();

  video.forEach((video) => {
    const titulo = video
      .querySelector(".titulo-video")
      .textContent.toLowerCase();

    if (filtro != "") {
      if (titulo.includes(filtro)) {
        video.style.display = "block";
      } else {
        video.style.display = "none";
      }
    } else {
      video.style.display = "block";
    }
  });
}
1 resposta
por Victor Costa Santos
| 1939k xp | 3738 posts
Alura Scuba Team Monitor de ForumOps

Olá, Tércio!

Analisando o código, você fez um bom trabalho na refatoração da barra de pesquisa. A função filtrarPesquisa está bem estruturada e clara.

Aprimorar e verificar novas formas de estudos é uma excelente maneira de aprender e fixar conhecimento, gostaria de dar os meus parabéns pela iniciativa!

Reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!

Sucesso ✨

Um grande abraço e até mais!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!