Como somar células?

Oi Fabio tudo bem?

No ponto que você está do curso é normal não ter experiência para conseguir bolar algo novo e diferente.

Eu posso te ajudar de duas formas, uma é analisar com você o porquê está dando errado (mais demorada rsrsrsrs, por causa das nossas rotinas de responder um ao outro) e a segunda é eu pegar seu projeto no github e fazer o código para você.

Qual prefere?

Bom, gostaria do segundo, de você bolar o código pra mim, ai depois eu analiso ele e se não entender eu te pergunto :)

Muito obrigado, desde já!

Ótimo, se puder colocar o projeto no github já programo assim que possível.

Pronto:

https://github.com/fabiovilarino/calculadoradepontos/

Oi Fábio.

Fiz as modificações e mandei um pull request pelo github (o bom que vc já vai se familiarizando também com o github) . O link direto do fork do seu repositório é https://github.com/neoandrevictor/calculadoradepontos

Ele soma a célula que já ta criada, mas não permite criar um novo produto :(

No meu computador está funcionando normalmente.

Você está acessando a página calculadoradepontos-master/paginaPontos.html ?

Colocando o produto e clicando em adcionar?

Modifiquei meu programa, agora ele adiciona o produto e já faz o calculo do IMC e joga na outra tabela.

Mas eu não consigo criar uma função para somar todos os valores da coluna Pontos Acumulados dos produtos que eu adiciono.

Imagem: https://ibb.co/Hhg2GSm

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


    adicionaPacienteNaTabela(paciente);

});

var contaImc = 0.72;


function adicionaPacienteNaTabela(paciente){
    var pacienteTr = montaTr(paciente);
    var tabela = document.querySelector("#tabela-pacientes");
    tabela.appendChild(pacienteTr);
}

function obtemPacienteDoFormulario(form){

    var paciente = {
        nome: form.nome.value,
        peso: form.peso.value,
        imc: calculaImc(peso, contaImc)

   }

   return paciente;
}

function calculaImc(peso, formulaPontos) {
      var imc = 0;
      imc = peso.value * contaImc;
      return imc.toFixed(2);
}


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

function pontosAcumulados(){
    var pontos = 0;
    pontos = $(".info-imc").text();

}

OBS: não consegui usar o github

Oi Fabio,

Dei uma mudada no código.

O que eu fiz abaixo foi trazer a função que tinha criado anteriormente a somaPontos de volta pro código e chamo ela no final da função adicionaPacienteNaTabela(paciente)

function somaPontos() {
  acumulado = 0;
  var capturaPontos = document.querySelectorAll(".info-imc");
  for (celula of capturaPontos) {

    acumulado = acumulado + celula.innerText * 1;

  }

  document.getElementsByClassName("pontos-acumulados")[0].innerText = acumulado;

}

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

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

    var paciente = obtemPacienteDoFormulario(form);


    adicionaPacienteNaTabela(paciente);

});

var contaImc = 0.72;


function adicionaPacienteNaTabela(paciente){
    var pacienteTr = montaTr(paciente);
    var tabela = document.querySelector("#tabela-pacientes");
    tabela.appendChild(pacienteTr);
    somaPontos();
}

function obtemPacienteDoFormulario(form){

    var paciente = {
        nome: form.nome.value,
        peso: form.peso.value,
        imc: calculaImc(peso, contaImc)

   }

   return paciente;
}

function calculaImc(peso, formulaPontos) {
      var imc = 0;
      imc = peso.value * contaImc;
      return imc.toFixed(2);
}


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

function pontosAcumulados(){
    var pontos = 0;
    pontos = $(".info-imc").text();

}

Espero ter ajudado!!!

Show, somou certinho, não conheço algumas funções do soma ponto não, vou procurar saber.

Uma pergunta: a soma deu muitas dizimas periodicas, não consegui consertar com a função toFixed(2).

Onde que coloco para arrendondar?

Coloca na linha 12 do meu código:

  document.getElementsByClassName("pontos-acumulados")[0].innerText = acumulado.toFixed(2);

Show!

Deu certinho André, muito obrigado!

Estou aprendendo programação sozinho, assisti vários cursos já, cerca de 7 cursos no alura, mas fico na dúvida e esqueço muitas coisas, deveriam ter um resumo dos comandos em uma apostila.

Se tiver um material desse agradeço, até pq vc responde rápido, mas em outros tópicos do fórum não há resposta.

Não conheço nenhum programador para me tirar dúvidas rsrsrs

Disponha!!!

Temos apostilas grátis de alguns cursos da Caelum (mesma empresa da Alura só que presencial) https://www.caelum.com.br/apostilas

Lá tem de javascript e web em geral.

Eu faço o possível para responder rápido e todos os tópicos que tenho conhecimento.

Bons estudos!!!

Muito obrigado!

To apanhando demais, mas uma hora da certo rsrsrs

Persistência e planejamento são as chaves para o sucesso!!!

Tenho de sobra, valeuuuu!

Mais uma dúvida, como eu limpo o campo depois que a pessoa já adicionou algum produto?

Você pode usar o form reset, dá uma olhada https://www.w3schools.com/jsref/met_form_reset.asp

Valeu consegui usando o form.reset().

Disponha!