Olá, gostaria de poder entender o por que meu filtro não funciona / Repostagem

Fala Saulo, tudo bem?

Olha só.. rodei o código que vc disponibilizou no fórum e no console.log obtive o seguinte erro: ReferenceError: adicionarPacientes is not defined.

Além do erro, o console me mostrou a linha que estava parando o código... fui lá e percebi que a função adicionarPacientes não estava implementada e ainda havia uma chamada errada para o método forEach.

O forEach estava assim:

pacientes.forEach(function (paciente) {
    adicionarPacientes(paciente);
});

A forma correta é:

pacientes.forEach((paciente) => adicionarPacientes(paciente));

Fiz a implementação da função que irá construir a tabela, dinamicamente, e ajustei o forEach. Com isso o botão para importar o JSON de pacientes fuincionou.

A função ficou assim:

function adicionarPacientes(paciente) {
  const tabela = document.querySelector("#tabela-corpo");
  const trElement = document.createElement("tr");
  trElement.classList.add("paciente");

  const nome = document.createElement("td");
  nome.innerHTML = paciente.nome;
  nome.classList.add("nome");
  trElement.appendChild(nome);

  const altura = document.createElement("td");
  altura.innerHTML = paciente.altura;
  altura.classList.add("altura");
  trElement.appendChild(altura);

  const peso = document.createElement("td");
  peso.innerHTML = paciente.peso;
  peso.classList.add("peso");
  trElement.appendChild(peso);

  const imc = document.createElement("td");
  imc.innerHTML = paciente.imc;
  imc.classList.add("info_imc");
  trElement.appendChild(imc);

  tabela.appendChild(trElement);
}

Subi a duvida e solução no meu github.. se quiser pode dar uma olhada aqui: https://github.com/eraldosiniciof/forum-alura/commit/40404dd19d094aedc4f014f55907f437f1c9a1aa

Espero ter ajudado, abraço!

Olá Eraldo, agradeço muito pela ajuda mas ainda não está funcionando :/ eu alterei mas continua o mesmo problema. Eu já havia realizado a criação desse código em outro arquivo do formulário, acabei não postando aqui erro meu, perdão.

Esse é o arquivo do formulário:

var pacientes = document.querySelector(".paciente");


var botao = document.querySelector(".botao-enviar");


     botao.addEventListener("click", function(event){

        event.preventDefault();

        var form = document.querySelector("#formulario-tabela");


        var paciente = obtemPacienteDoFormulario(form);


        var erros = validaPaciente(paciente);

        if (erros.length> 0){

               exibeMensagemDeErro(erros);
            return;
        }

        adicionarPacientes(paciente);

        form.reset();

        var mensagemErro = document.querySelector("#mensagem-erro")
        mensagemErro.innerHTML="";
    });


function exibeMensagemDeErro(erros){

    var ul = document.querySelector("#mensagem-erro");

        ul . innerHTML="";

    erros.forEach(function(erro) {

        var li = document.createElement("li");
        li.textContent = erro;
        ul.appendChild(li);

    });



}

function obtemPacienteDoFormulario(form) {

    var paciente = {
        nome: form.nome.value,
        peso: form.peso.value,
        altura: form.altura.value,
        imc: calcularImc(form.altura.value, form.peso.value),
    }

    return paciente;
}

function criarTd(dado, classe){


    var criarTd = document.createElement("td");
        criarTd.textContent = dado;
        criarTd.classList.add ("classe");

    return criarTd;
}

function criarTr(paciente){

    var pacienteTr = document.createElement("tr");
        pacienteTr.classList.add("paciente");

        pacienteTr.appendChild(criarTd(paciente.nome, "nome"));
        pacienteTr.appendChild(criarTd(paciente.altura, "altura"));
        pacienteTr.appendChild(criarTd(paciente.peso, "peso"));
        pacienteTr.appendChild(criarTd(paciente.imc, "info_imc"));

    return pacienteTr;
}

function adicionarPacientes(paciente){

    var dadosDoPaciente = criarTr(paciente);

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

        tabela.appendChild(dadosDoPaciente);

}


function validaPaciente(paciente){

    var mensagemDeErros = [];

    if(paciente.nome.length == 0 && paciente.peso.length == 0 && paciente.altura.length == 0){

        mensagemDeErros.push("Por favor, insira as informações do paciente.");

        return mensagemDeErros;
    }


    if(!pesoEhValido(paciente.peso)){

        mensagemDeErros.push("Peso é inválido ");

    }

    if(!alturaEhValida(paciente.altura)){

        mensagemDeErros.push(" Altura é inválida");
    }

    if(paciente.nome.length == 0 ){

        mensagemDeErros.push("Nome em branco.")
    }

    if(paciente.peso.length == 0 ){

        mensagemDeErros.push("Peso em branco.")
    }

    if(paciente.altura.length == 0){

        mensagemDeErros.push("Altura em branco.")
    }

    return mensagemDeErros;
}

E quando eu vou no console.log, ainda com a alteração do forEach que você me indicou, aparece o mesmo problema que é esse aqui

Esse erro ocorre no arquivo filtragem que sem querer acabei repetindo o código buscar-pacientes

Esse é o arquivo JS certo do filtragem

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

filtro.addEventListener("input", function(){

    var pacientes = document.querySelectorAll(".paciente"); 

    if( this.value.length > 0 ){

        for(var i = 0 ; i < pacientes.length; i++){

            var paciente = pacientes[i];

            var nomeTd = paciente.querySelector(".nome");

            var nome = nomeTd.textContent;  // o erro ocorre aqui 

            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");

        }
    }
});

Fala Saulo... tudo certo?

Você consegue subir o projeto completo no github?

Seria mais facil de te ajudar dessa forma pois clonaria teu repositório aqui para realizar os testes.

Abraço!

Claro aqui está o projeto completo https://github.com/vitor-matheus1999/Site-imc---Aulas-sobre-JavaScript

Agradeço muito a ajuda, estou tentando resolver esse problema a um longo tempo.

Saulo, vou fechar este tópico. Respondido aqui.

Bons estudos!