Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Código de busca perfeito

var campoFiltro = document.querySelector("#filtrar-tabela");

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;
          var expressao = new RegExp(this.value,"i");
          if( !expressao.test(nome)){
              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");
        }
    }
});
1 resposta
solução!
var campoFiltro = document.querySelector("#filtrar-tabela");

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;
          var expressao = new RegExp(this.value,"i");
          if( !expressao.test(nome)){
              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");
        }
    }
});

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software