Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
8
respostas

Exercício filtra.js utilizando forEach

Referente ao curso JavaScript: programando na linguagem da web, no capítulo Filtrando uma tabela e atividade Mãos na massa: buscando pacientes

por FERNANDO PILONETTO LIELL
| 156.8k xp | 70 posts

Boa tarde! Estou tentando utilizar o forEach no lugar do laço for, porem a funcionalidade de filtro para de Funcionar. O forEach esta funcionando, porem o filtro bugou. Estou testando a expressão regular... A dúvida é quando utilizar o forEach? 

var campoFiltro = document.querySelector("#filtrar-tabela");
campoFiltro.addEventListener("input", function(){
    var pacientes = document.querySelectorAll(".paciente");
    if(this.value.length > 0){
        pacientes.forEach(function(paciente){
            var tdNome = paciente.querySelector(".info-nome");
            var nome = tdNome.textContent;
            var expressao = new RegExp(this.value, "i");//busca tanto letras maiusculas como minusculas
            if(!expressao.test(nome) )
                paciente.classList.add("invisivel");
            else    
                paciente.classList.remove("invisivel");
        });
    } else{
            pacientes.forEach(function(paciente){
                paciente.classList.remove("invisivel");
            });
        }
});
8 respostas
por Alberto Souza
| 2676.6k xp | 5740 posts
Instrutor Desenvolvedor e Instrutor

Opa, mas qual foi o erro que deu? Quer dizer, deu algum erro :)?

por FERNANDO PILONETTO LIELL
| 156.8k xp | 70 posts

O Filtro para de funcionar utilizando o forEach!

Colocando o laço assim, que foi disponibilizado no exemplo da aula...

for(int i=0; i<pacientes.length; i++){
var paciente = pacientes[i];
///resto do código

...o Filtro volta a funcionar!

por Douglas Quintanilha Barbosa Ferreira
| 363.4k xp | 215 posts
Instrutor e Desenvolvedor

Oi Fernando, Qual navegador você está utilizando, e qual versão do mesmo ?

por FERNANDO PILONETTO LIELL
| 156.8k xp | 70 posts

Google Chrome - Versão 56.0.2924.87

por Jorge Lucas
| 28.6k xp | 2 posts

Testou se funciona em outros navegadores? Tente abrir o console de desenvolvedor e ver o erro que aparece.

solução!
por Jefferson Ribeiro de Medeiros
| 1229.9k xp | 623 posts
Analista de Sistemas

oi Fernando,

pelos testes que eu fiz aqui, dentro do foreach, o this não esta se referindo ap campo campoFiltro e portanto o this.value fica indefido, experimente com o console.log . Para dar certo, você precisa trocar o 

var expressao = new RegExp(this.value, "i");

e explicitar o nome do campo

var expressao = new RegExp(campoFiltro.value, "i");

agora da certo, experimente.

por FERNANDO PILONETTO LIELL
| 156.8k xp | 70 posts

Muito bom Jefferson! Também resolvi utilizando a ArrowFunction ao invés da Function , pois => tem valor de referência ao this Globalmente. Assim mantem a referência ao campoFiltro.

por Mateus Henrique
| 227.3k xp | 7 posts

Também testei a solução que o Jefferson mandou, pois estava tendo o mesmo erro e funcionou!Show!