6
respostas

Não consigo mais adicionar no formulario...


Oi Leandro! Tenta agora.

=https://github.com/Rogers777/indexAp-nutricionista/blob/master/pagino%20Ap%20nut

https://github.com/Rogers777/form-Ap-nutricionista/blob/master/form%20Aparecida

insira seu código aqui

insira seu código aqui

insira seu código aqui

6 respostas

Rogers, Boa noite!

Acessei o repositório do GitHub que você indicou para verificar o seu código, mas nele não contém os arquivos js (javascript). Você não esqueceu de inserir?

Rogers, boa noite!

Você enviou a index.html e form.js, mas está faltando o arquivo principal.js. Seria interessante ter o cenário completo para que eu possa ver que erro está ocorrendo. Aguardo.

Rogers, Tudo bem?

O problema está no arquivo form.js. Você não está adicionando na tabela o valor digitado no formulário.

Segue o script correto para a arquivo de form.js

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

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

    var pacienteTr = document.createElement("tr");

    var nomeTd = document.createElement("td");
    var pesoTd = document.createElement("td");
    var alturaTd = document.createElement("td");
    var gorduraTd = document.createElement("td");
    var imcTd = document.createElement("td");

    nomeTd.textContent = paciente.nome;
    pesoTd.textContent = paciente.peso;
    alturaTd.textContent = paciente.altura;
    gorduraTd.textContent = paciente.gordura;
    imcTd.textContent = paciente.imc;

    pacienteTr.appendChild(nomeTd);
    pacienteTr.appendChild(pesoTd);
    pacienteTr.appendChild(alturaTd);
    pacienteTr.appendChild(gorduraTd);
    pacienteTr.appendChild(imcTd);

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

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;
}

Deu certo! Obrigado Leandro!

insira seu código aqui