Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Gostaria de compartilhar meu código...

Ao terminar a aula eu quis fazer com que a busca trouxesse qualquer paciente que tivesse o conjunto de caracteres inseridos, desde o primeiro caracter digitado. E consegui fazer desta forma:

var campoFiltro = document.querySelector("#filtro-busca");

campoFiltro.addEventListener("input", function() {        
    var pacientes = document.querySelectorAll(".paciente");
    pacientes.forEach(function(paciente)  {
        var nome = paciente.querySelector(".info-nome");
        var nome = nome.textContent.toLowerCase();

        if(!nome.includes(campoFiltro.value.toLowerCase())) {
            paciente.classList.add("invisivel");
        } else {
            paciente.classList.remove("invisivel");
        }
    });
});
2 respostas
solução!

Parabéns Cleverson por ter chegado no mesmo resultado usando uma abordagem diferente :)

  • Evite repetir o nome de suas variáveis

    var nome = paciente.querySelector(".info-nome");
    var nome = nome.textContent.toLowerCase();
  • Também é possível fazer document.querySelector("#filtro-busca")addEventListener...

Obrigado Mathews, então dá para chamar o addEventListener direto sem atribuir a uma variável? Mais um conhecimento! Vacilei com a variável rsrs. Abraço!