//filtro.js
var campoFiltro = document.querySelector("#filtro-tabela");
campoFiltro.addEventListener("input", function(){
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 nomePaciente = tdNome.textContent;
console.log(nomePaciente);
if(nomePaciente != 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");
}
}
});
Não está fazendo o filtro e após inserir um novo paciente e tentar filtrar pelo seu nome, ocorre o seguinte erro:
filtro.js:10 Uncaught TypeError: Cannot read property 'textContent' of null at HTMLInputElement.