Bom dia, abaixo segue o meu código, e abaixo dele a que consta em aula. Quando utilizo o meu código, não está apagando, e estou revisar aqui linha a linha e não consegui identificar o problema. Quando utilizo o que foi psotado em aula, funciona normalmente. Poderiam me auxiliar?
campoFiltro.addEventListener("input", function(){
console.log(this.value);
var pacientes = document.querySelectorAll(".paciente");
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;
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");
}
}
});
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");
}
}
});