Pessoal, boa tarde!
O negócio é o seguinte: Seguindo a instrução para filtrar os pacientes da tabela do prof., caso o nome digitado no campo de filtro for diferente do nome do paciente, a tr inteira deve sumir. Caso o nome digitado seja igual, a tr inteira vai aparecer.
O problema é que quando eu começo a digitar um nome, por exemplo "Paulo", todos os nomes somem, mas quando eu digito o nome completo, a tr não está voltando e a tabela fica vazia.
Alguem pode me ajudar?
var campoFiltro = document.querySelector("#filtrar-tabela");
campoFiltro.addEventListener("input", function(){
console.log(this.value);
var pacientes = document.querySelectorAll(".paciente");
pacientes.forEach(function(paciente){
var tdNome = paciente.querySelector(".info-nome")
var nome = tdNome.textContent;
if(nome != this.value){
paciente.classList.add("invisivel");
}else{
paciente.classList.remove("invisivel");
}
});
});
---------------------------css-----------------------------
.invisivel{
display: none;
}
