1
resposta

Filtro não funciona

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) {..}

1 resposta

Boa Everton, isso mesmo, parabéns por encontrar a solução e compartilhar conosco!

Qualquer dúvida pode contar com a gente aqui no fórum, ta bom?

Abraços e bons estudos :D