Pessoal, tudo bem? Qual a diferença de eu fazer isso:
// Atribuindo valor às novas tds
nomeTd = nome.textContent
pesoTd = peso.textContent
gorduraTd = gordura.textContent
Pra isso?
// Atribuindo valor às novas tds
nomeTd.textContent = nome;
pesoTd.textContent = peso;
alturaTd.textContent = altura;
gorduraTd.textContent = gordura;
Restante do código:
// Adicionando novo paciente
var botao = document.querySelector("#adicionar-paciente");
botao.addEventListener("click", function (event) {
event.preventDefault(); // Limpando configurações padrão do botão;
// Guardando valores dos campos do formAddPaciente dentro de consts
let formAddPaciente = document.querySelector("#form-add-paciente");
let nome = formAddPaciente.nome.value;
let peso = formAddPaciente.peso.value;
let altura = formAddPaciente.altura.value;
let gordura = formAddPaciente.gordura.value;
// Criando novos elementos para inserir linha na tabela
let pacienteTr = document.createElement("tr");
let nomeTd = document.createElement("td");
let pesoTd = document.createElement("td");
let alturaTd = document.createElement("td");
let gorduraTd = document.createElement("td");
// Atribuindo valor às novas tds
nomeTd.textContent = nome;
pesoTd.textContent = peso;
alturaTd.textContent = altura;
gorduraTd.textContent = gordura;
//Estruturando hierarquia na linha da tabela;
let tabelaPacientes = document.querySelector("#tabela-pacientes");
tabelaPacientes.appendChild(pacienteTr);
pacienteTr.appendChild(nomeTd);
pacienteTr.appendChild(pesoTd);
pacienteTr.appendChild(alturaTd);
pacienteTr.appendChild(gorduraTd);
});