Usei forEach e funcionou como esperado, mas tem algo q não entendo. O parametro (paciente) que as funções após os forEach recebem, vem da onde? Nessa função não fica claro pra mim onde eu estou passando algum parametro para dentro dessas funções. Tentei fazer algum diagrama pra entender, mas não consegui.
segue o código:
var campoFiltro = document.querySelector("#filtrar-tabela");
campoFiltro.addEventListener("input",function(){
var pacientes = document.querySelectorAll(".paciente");
if(campoFiltro.value.length > 0 ){
pacientes.forEach(function(paciente){
var tdNome = paciente.querySelector(".info-nome")
var nome = tdNome.textContent;
if( nome != campoFiltro.value){
paciente.classList.add("invisivel");
} else {
paciente.classList.remove("invisivel");
}
});
} else{
pacientes.forEach(function(paciente){
paciente.classList.remove("invisivel");
})
}})
