Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Dados de pacientes não adiciona na tabela

Ao clicar no botão adicionar, o paciente não é incluso à tabela.

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

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

var nome = form.nome.value;
var peso = form.peso.value;
var altura = form.altura.value;
var gordura = foem.gordura.value;

var pacienteTr = document.querySelector("tr");//adiciona "os filhos TDs"

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 = nome;
pesoTd = textContent = peso;
alturaTd = textContent = altura;
gorduraTd = textContent = gordura;

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

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

});

1 resposta
solução!

Boa noite Anderson, tudo bem?

Analisando seu código, vc vai precisar mudar apenas este trecho:

nomeTd = textContent = nome;
pesoTd = textContent = peso;
alturaTd = textContent = altura;
gorduraTd = textContent = gordura;

para

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

Neste caso textContent, é um atributo que pertence ao elemento td, por isso neste caso temos que acessar este atributo via ponto. Também tem outro ponto que precisa ser alterado. Nessa linha:

var gordura = foem.gordura.value;

Troque de foem para form.

Espero ter te ajudado! Um abraço e bons estudos!!! :-)