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

Os nomes não somem quando eu escrevo

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

campoFiltro.addEventListener("input", function(){
    console.log(this.value)

    let pacientesClone = document.querySelectorAll(".paciente");
    for(let i = 0; i < pacientesClone.length; i++){
        let pacienteClone = pacientesClone[i];
        let tdNomeClone = pacienteClone.querySelector(".info-nome");
        let nome1 = tdNomeClone.textContent;
        if(nome1 != this.value){
            pacienteClone.classList.add(".invisivel");
        } else {
            pacienteClone.classList.remove(".invisivel");
        }
    }
})

quando escrevo no input os nomes não somem e o filtro não funciona

1 resposta
solução!

Fala Allan, tudo bem? Espero que sim!

O que acontece é que na parte adicionar uma classe a um elemento utilizando classList.add você deve passar como parâmetro apenas o nome da classe, que no caso seria apenas invisivel, assim ficando o código:

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

campoFiltro.addEventListener("input", function(){
    console.log(this.value)

    let pacientesClone = document.querySelectorAll(".paciente");
    for(let i = 0; i < pacientesClone.length; i++){
        let pacienteClone = pacientesClone[i];
        let tdNomeClone = pacienteClone.querySelector(".info-nome");
        let nome1 = tdNomeClone.textContent;
        if(nome1 != this.value){
            pacienteClone.classList.add("invisivel"); //"invisivel" sem os pontos
        } else {
            pacienteClone.classList.remove("invisivel");//"invisivel" sem os pontos
        }
    }
})

Espero ter ajudado, abraços e bons estudos :D