var campoFiltro = document.querySelector("#filtrar-tabela"); // pega o elemento filtrar-tabela
campoFiltro.addEventListener("input", function () {
console.log(this.value); // mostra o valor do campo filtrar-tabela
var pacientes = document.querySelectorAll(".paciente"); // pega todos os pacientes da tabela
// percorre todos os pacientes
if (this.value.lenght > 0) {
for (var i = 0; i < pacientes.length; i++) {
var paciente = pacientes[i];
var tdNome = paciente.querySelector(".info-nome");
var nome = tdNome.textContent;
// se o nome do paciente não contiver o valor do campo filtrar-tabela
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");
}
}
});
Encontrei o erro, if (this.value.length > 0) {..}