Criei um programa para adicionar "novo paciente", mas no lugar de adicionar paciente eu quero que adiciona 3 coisas:
nome do produto preço do produto pontos acumulados ( esse eu dei a fórmula)
mas quando executo ele coloca certinho o nome e o preço do produto, mas no lugar de colocar os pontos acumulados em ve de ele calcular com a fórmula que eu passei, ele simplesmente imprime a function.
Isso que aparece na tela depois de adicionar novo produto:
Segue abaixo meu código JS completo:
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 = montaTr(paciente);
var tabela = document.querySelector("#tabela-pacientes");
tabela.appendChild(pacienteTr);
form.reset();
});
function obtemPacienteDoFormulario(form){
var paciente = {
nome: form.nome.value,
peso: form.peso.value,
imc: calculaImc
}
return paciente;
}
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.imc, "info-imc"));
return pacienteTr;
}
function montaTd(dado,classe){
var td = document.createElement("td");
td.textContent = dado;
td.classList.add(classe);
return td;
}
var pacientes = document.querySelectorAll(".paciente");
for(var i = 0; i < pacientes.length; i++) {
var paciente = pacientes[i];
var tdPeso = paciente.querySelector(".info-peso");
var peso = tdPeso.textContent;
var tdNome = paciente.querySelector(".info-nome");
var nome = tdNome.textContent;
var tdImc = paciente.querySelector(".info-imc");
}
var formulaPontos = (0.05 * (1000) / 70)
function calculaImc(peso, formulaPontos) {
var imc = 0;
imc = peso * formulaPontos;
return imc.tofixed(2);
}