Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

03 Validando o restante dos campos - Usando o forEach para criar a tag <li> que recebe os erros não funcionou

var botaoAdicionar = document.querySelector("#adicionar-paciente");
botaoAdicionar.addEventListener("click", function(event) {
    event.preventDefault();

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

    var paciente = obtemPacienteDoFormulario(form);

    var erros = validaPaciente(paciente);
    console.log(erros);

    if(erros.length > 0)
    {
        exibeMensagensDeErro(erros);
        return;
    }

    var pacienteTr = montaTr(paciente);

    function exibeMensagensDeErro(erros){
        var ul = document.querySelector("#mensagens-erro");

        erros.forEach(funciton(erro){
            var li = document.createElement("li");
            li.textContent = erro;
            ul.appendChild(li);    
        });
        // for (var i = 0; i < erros.length; i++) {
        //     var erro = erros[i];
        //      }
    }


//Criando uma função que cria um objeto que irá guardar todas as informações do paciente.
//A função que cria o objeto, substitue as variáveis que recebem as informaçoes do paciente no form.

    function obtemPacienteDoFormulario(form) 
    {

        var paciente = 
        {
            nome: form.nome.value,
            peso: form.peso.value,
            altura: form.altura.value,
            gordura: form.gordura.value,
            imc: calculaImc(form.peso.value, form.altura.value)
        }
        return paciente;
    }

    function calculaImc(peso,altura)
    {
    var imc = 0;
    imc = peso / (altura * altura);
    return imc.toFixed(2);
    }


    function montaTd(dado,classe)
    {
    var td = document.createElement("td");
    td.textContent = dado;
    td.classList.add(classe);

    return td;
    }

    function validaPaciente(paciente)
    {

        var erros = [];

    if(!validaPeso(paciente.peso)) erros.push("O peso é inválido");

    if(!validaAltura(paciente.altura)) erros.push("A altura é inválida");

        return erros;
    }

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


    pacienteTr.appendChild(montaTd(paciente.nome, "info-nome"));
    pacienteTr.appendChild(montaTd(paciente.peso, "info-peso"));
    pacienteTr.appendChild(montaTd(paciente.altura, "info-altura"));
    pacienteTr.appendChild(montaTd(paciente.gordura, "info-gordura"));
    pacienteTr.appendChild(montaTd(paciente.imc, "info-imc"));

    return pacienteTr;
    }

// Adicionando o paciente na tabela

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

    tabela.appendChild(pacienteTr);

//na função reset limpa o formulário para que não se repita a última informação inputada.

    form.reset();

});
3 respostas
solução!

Fala ai Carlos, tudo bem? Olhando os códigos é complicado achar o problema, posso deixar passar algum detalhe facilmente.

Posso te pedir um favor? Compartilha o projeto completo comigo, assim eu consigo simular e analisar o problema com mais calma.

Pode compartilhar através do Github ou Google Drive (zipado).

Fico no aguardo.

Boa tarde Matheus. Já localizei o erro. Foi uma sintaxe errada na função utilizada para exibir a mensagem de erro: function exibeMensagensDeErro(erros){ var ul = document.querySelector("#mensagens-erro");

    erros.forEach(**funciton**(erro){
        var li = document.createElement("li");
        li.textContent = erro;
        ul.appendChild(li);    
    });

Muito bom Carlos, fico feliz que tenha resolvido o problema.

Sempre que precisar não deixe de criar suas dúvidas.

Abraços e bons estudos.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software