Olá, boa tarde
Pessoal estou com um probleminha com o exercício desse módulo de filtrar tabela, aparentemente a lógica aplicada está funcional, mas não estou conseguindo filtrar os dados. Tentei fazer um código um pouco diferente do que sempre o professor passa, eu acho q o aprendizado fica melhor, mas estou empacado nessa parte, dentro do forEach coloquei um console.log pra ver se a variável que pega o valor do input estaria passando os dados e está tudo ok, porém na hr de executar o RegExp em si o código não faz nada e não apresenta nenhum erro, no código tem umas linhas de comentários explicado como funciona.
Agradeceria se alguem ajudasse a dar uma luz, a parte do código está a seguir.
//BUSCA PACIENTE
(function Buscar() {
let busca = document.querySelector('#filtrar-tabela');
busca.addEventListener('input', function() {
let listaPessoa = document.querySelectorAll('.paciente');
/*
A VARIAVEL ABAIXO valorDoInput REFENCIA AO this QUE RECEBE OS DADOS
DO listaPessoa, TENTEI USAR O this.value DENTRO DO forEach ASSIM COMO
NA VIDEO AULA, POREM O this.value DENTRO DO forEach PERDE A REFENCIA
DO this.value DA VARIAVEL busca.
*/
let valorDoInput = this.value;
if(this.value.length > 0){
listaPessoa.forEach(function(item) {
let tdNome = item.querySelector('.info-nome');
let nome = tdNome.textContent;
/*CHAMADA DA VARIAVEL valorDoInput PASSANDO OS DADOS DE this.value
DA VARIAVEL BUSCA*/
let expressao = new RegExp(valorDoInput, "i");
//TESTE PARA SABER SE valorDoInput ESTA PASSANDO OS DADOS
console.log(valorDoInput);
if (expressao.test(nome)){
item.classList.remove('invisivel');
}
item.classList.add('invisivel');
});
} else {
listaPessoa.forEach(function(item) {
item.classList.remove('invisivel');
console.log();
});
}
});
})();