Soma Sobre Soma

Felipe Hirose · 18 de abril de 2017

Boa Tarde Galera.

Galera sou novo aqui, e estou querendo criar uma calculadora de peso vivo com html e java script.

Só que estou com um problema.

Fiz ela do seguinte modo.

<html>
<head>
<title>HTML Calculator</title>

<script>
function calcular() {
    var num1 = Number(document.getElementById("num1").value);
    var num2 = Number(document.getElementById("num2").value);
    var num3 = Number(document.getElementById("num3").value);
    var num4 = Number(document.getElementById("num4").value);
    var num5 = Number(document.getElementById("num5").value);
    var num6 = Number(document.getElementById("num6").value);
    var num7 = Number(document.getElementById("num7").value);
    var elemResult = document.getElementById("resultado");
    var elemResult1 = document.getElementById("resultado1");
    var elemResult2 = document.getElementById("resultado2");

    if (elemResult.textContent === undefined) {
       elemResult.textContent = "O resultado é " + String(num1 * num2) + ".";
    }
    else { // IE
       elemResult.innerText = "" + String(num1 * num2) + ".";
    }

   if (elemResult1.textContent === undefined) {
       elemResult.textContent = "O resultado é " + String(num3 * num2) + ".";
    }
    else { // IE
       elemResult1.innerText = "" + String(num3 * num2) + ".";
    }

}
</script>
<form>

Peso:<input type="text" id="num1" onblur="calcular();" />
Lote<input type="text" id="num2" onblur="calcular();" />
Consumo<input type="text" id="num3" onblur="calcular();" />
Concentração<input type="text" id="num4" onblur="calcular();" />
MG/PV<input type="text" id="num5" onblur="calcular();" />
Preço<input type="text" id="num6" onblur="calcular();" />
Dias<input type="text" id="num7" onblur="calcular();" />

<br>
Peso Total:<span id="resultado"></span>

<br>
Consumo Total:<span id="resultado1"></span>

<br>

Produto Dia:<span id="resultado2"></span>
</form>


</body>
</html>

Só que não estou conseguindo fazer uma conta sobre conta.

Exemplo:

o numero 1 vezes o numero 2. o valor que der quero somar ele vezes outros numeros.

  if (elemResult.textContent === undefined) {
       elemResult.textContent = "O resultado é " + String(num1 * num2) + ".";
    }
    else { // IE
       elemResult.innerText = "" + String(num1 * num2) + ".";

Fiz os resultados aparecer em span

Produto Dia:<span id="resultado2"></span>

Mas se quiser mudar para input text não tem problema alguma.

eu só preciso somar sobre a soma para gerar um resultado.

Se alguem conseguir me ajudar nesse problema.

Ficarei muito grato.

Obrigado

Jackson Roberio · 19 de abril de 2017

Amigo, primeiramente me desculpe em ser grosso, mas você postou a sua dúvida no local errado, para isso existe a categoria : "Programação - iniciantes" e "Programação web", sua dúvida é em relação a javascript, e pelo o que estou vendo, você está transformando os números em string, sabe o que é string e sabe a diferente de uma string para um int? (bom, acho que essa é a sua dúvida), o javascript faz uns cast automáticas e as vezes a nossa lógica foge um pouco do que nos realmente queríamos, então fique ligado como usar a linguagem.