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