2
respostas

Não está filtrando a tabela

Pessoal, estou analisando e meu código está igual ao exemplo da aula mas não consigo fazer com o filtro funcione, alguém poderia ajudar?

<section class="container">
                <h2>Meus pacientes</h2>

                <label for="filtrar-tabela">Pesquisar Pacientes</label>
                <input type="text" name="filtro" id="filtrar-tabela" placeholder="buscar nome do paciente">

                <table>
var campoFiltro = document.querySelector("#filtrar-tabela");

campoFiltro.addEventListener("input", function () {
    console.log(this.value);
    var pacientes = document.querySelectorAll(".paciente");
    console.log(pacientes);

    if (this.value.length > 0) {
        for (var i = 0; i < pacientes.length; i++) 
        {
            var paciente = pacientes[i];
            var tdNome = paciente.querySelector(".info-nome");
            var nome = tdNome.textContent;

            if (nome != this.value) {
                paciente.classList.add("invisivel");
            } else {
                paciente.classList.remove("invisivel");
            }
        }
    } else {
        for (var i = 0; i < pacientes.length; i++) 
        {
            var paciente = pacientes[i];
            paciente.classList.remove("invisivel");
        }
    }
});
2 respostas

Encontrei o erro.. estava no meu css, digitei errado;

Fala ai Lucas, tudo bem? Fico feliz que tenha resolvido seu problema.

Sempre que precisar não deixe de criar suas dúvidas.

Abraços e bons estudos.