1
resposta

Filtro não está funcionando

var campoFiltro = document.querySelector("#filtrar-tabela")

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

    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")
    }


})
1 resposta

Oi Vanessa, tudo bem? Espero que sim.

O que está faltando no seu código é apenas envolver o for para caso o campo de filtrar não tenha nada, ele percorra pelos pacientes e remova a classe ("invisivel").

}else{
        for(var i = 0; i < pacientes.length; i++){
            var paciente = pacientes[i];
            paciente.classList.remove("invisivel")
        }
    }

Dessa forma.

Espero ter ajudado e bons estudo.