Pessoal, estou analisando e meu código está igual ao exemplo da aula mas não consigo fazer com o filtro funcione, alguém poderia ajudar?
<section class="container">
<h2>Meus pacientes</h2>
<label for="filtrar-tabela">Pesquisar Pacientes</label>
<input type="text" name="filtro" id="filtrar-tabela" placeholder="buscar nome do paciente">
<table>
var campoFiltro = document.querySelector("#filtrar-tabela");
campoFiltro.addEventListener("input", function () {
console.log(this.value);
var pacientes = document.querySelectorAll(".paciente");
console.log(pacientes);
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");
}
}
});