Skip to main content
1 de 3
João Pedro Schmitz
  • 3,1mil
  • 1
  • 25
  • 38

Bruno.

O seu código está um pouco confuso. Mas vamos ver um exemplo do por que uma soma pode não funcionar com Javascript.

O primeiro ponto que merece destaque é que quando pegamos o value com Javascript ele retornará uma String. Para converter para um Integer e poder somar esse valores você precisa usar uma função chamada parseInt().

Veja esse exemplo sem o parseInt():

function somarValores(){
    let s1 = document.getElementById("txt1").value;
    let s2 = document.getElementById("txt2").value;
    let s3 = document.getElementById("txt3").value;
    let resposta = (s1 + s2 + s3);
    alert(resposta);
}
<fieldset>
    <legend>Cálculo de soma</legend>
    <label>Valor 1:</label>
    <input id="txt1" type="number"/>
    <label>Valor 2: </label>
    <input id="txt2" type="number"/>
     <label>Valor 3: </label>
    <input id="txt3" type="number"/>
    <button id="somar" onclick="somarValores()">Somar</button>
</fieldset>

Ao digitar, por exemplo, 10 no primeiro campo, 10 no segundo e terceiro teremos o valor: 101010. O que aconteceu é que ele concatenou as strings, e não somou.

Agora veja esse exemplo com o parseInt():

function somarValores(){
    let s1 = parseInt(document.getElementById("txt1").value);
    let s2 = parseInt(document.getElementById("txt2").value);
    let s3 = parseInt(document.getElementById("txt3").value);
    let resposta = (s1 + s2 + s3);
    alert(resposta);
}
<fieldset>
    <legend>Cálculo de soma</legend>
    <label>Valor 1:</label>
    <input id="txt1" type="number"/>
    <label>Valor 2: </label>
    <input id="txt2" type="number"/>
     <label>Valor 3: </label>
    <input id="txt3" type="number"/>
    <button id="somar" onclick="somarValores()">Somar</button>
</fieldset>

Veja, ao somar 10 + 10 + 10 temos o resultado como 30, que seria o correto.

Com base no seu código você poderia editar essa parte para um parseInt().

calc_quant_total_produto += parseInt(quant_produto[i].value);

Além do parseInt() há também o parseFloat() para números que não são inteiros.

parseInt()

parseFloat()

João Pedro Schmitz
  • 3,1mil
  • 1
  • 25
  • 38