Quando tento criar o objeto paciente, apresenta erro!
Desta forma o código funciona:
var eventoBtnEnviar = document.querySelector("#btnEnviar").addEventListener("click", function(clicado) {
//nomePaciente //pesoPaciente
//alturaPaciente //gorduraPaciente
var form = document.querySelector("#campoForm");
//EXTRAINDO AS INFORMAÇÕES DO FORM
var campoNomePaciente = document.getElementById("nomePaciente").value;
var campoAlturaPaciente = document.getElementById("alturaPaciente").value;
var campoPesoPaciente = document.getElementById("pesoPaciente").value;
var campoGorduraPaciente = document.getElementById("gorduraPaciente").value;
//CRIA TR E TD DO PACIENTE
var pacienteTr = document.createElement("tr");
var nomeTd = document.createElement("td");
var alturaTd = document.createElement("td");
var pesoTd = document.createElement("td");
var gorduraTd = document.createElement("td");
var imcTd = document.createElement("td");
nomeTd.textContent = campoNomePaciente;
alturaTd.textContent = campoAlturaPaciente;
pesoTd.textContent = campoPesoPaciente;
gorduraTd.textContent = campoGorduraPaciente;
imcTd.textContent = calculaImc(peso,altura);
pacienteTr.appendChild(nomeTd);
pacienteTr.appendChild(alturaTd);
pacienteTr.appendChild(pesoTd);
pacienteTr.appendChild(gorduraTd);
pacienteTr.appendChild(imcTd);
//ADICIONANDO O PACIENTE NA TABELA
var tabela = document.querySelector("#tabela-paciente");
tabela.appendChild(pacienteTr);
pacienteTr.style.backgroundColor = "green";erro:
quando altero esta parte do código :
var campoNomePaciente = document.getElementById("nomePaciente").value;
var campoAlturaPaciente = document.getElementById("alturaPaciente").value;
var campoPesoPaciente = document.getElementById("pesoPaciente").value;
var campoGorduraPaciente = document.getElementById("gorduraPaciente").value;para:
var campoNomePaciente = form.campoNomePaciente.value;
var campoAlturaPaciente = form.campoAlturaPaciente.value;
var campoPesoPaciente = form.campoPesoPaciente.value;
var campoGorduraPaciente = form.campoGorduraPaciente.value;o 'nome' do cliente não aparece na tabela, e se coloco o campo value pra buscar o valor, aparece esse erro:
"form.js:8 Uncaught TypeError: Cannot read property 'value' of undefined at HTMLButtonElement. (form.js:8)"
Cordialmente, Igor Federizi
