Skip to main content
Troca de referências
Fonte Link
João Pedro Schmitz
  • 3,1mil
  • 1
  • 25
  • 38
adicionou 189 caracteres ao conteúdo
Fonte Link
Woss
  • 77,2mil
  • 15
  • 123
  • 221

Bruno.

O seu código está um pouco confuso. Mas, mas vamos ver um exemplo do por queporquê uma soma pode não funcionar com JavascriptJavaScript.

O primeiro ponto que merece destaque é que quando pegamos o valuevalue com JavascriptJavaScript ele retornará uma Stringstring. Para converter para um Integerinteger e poder somar numericamente esse valores você precisaprecisará usar uma função chamada 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<soma sem utilizar o parseInt</legend>
  <p>
    <label>Valor 1:</label>
    <input id="txt1" type="number" />
  </p>
  <p>
    <label>Valor 2: </label>
    <input id="txt2" type="number" />
  </p>
  <p>
    <label>Valor 3: </label>
    <input id="txt3" type="number" />
  </p>
  <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 stringsstrings, e não somou.

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<soma utilizando o parseInt</legend>
  <p>
    <label>Valor 1:</label>
    <input id="txt1" type="number" />
  </p>
  <p>
    <label>Valor 2: </label>
    <input id="txt2" type="number" />
  </p>
  <p>
    <label>Valor 3: </label>
    <input id="txt3" type="number" />
  </p>
  <button id="somar" onclick="somarValores()">Somar</button>
</fieldset>

parseInt()Referências:

parseFloat()

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

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.

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>

parseInt()

parseFloat()

O seu código está um pouco confuso, mas vamos ver um exemplo do porquê 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 numericamente esse valores você precisará usar uma função chamada 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 sem utilizar o parseInt</legend>
  <p>
    <label>Valor 1:</label>
    <input id="txt1" type="number" />
  </p>
  <p>
    <label>Valor 2: </label>
    <input id="txt2" type="number" />
  </p>
  <p>
    <label>Valor 3: </label>
    <input id="txt3" type="number" />
  </p>
  <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, não somou.

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 utilizando o parseInt</legend>
  <p>
    <label>Valor 1:</label>
    <input id="txt1" type="number" />
  </p>
  <p>
    <label>Valor 2: </label>
    <input id="txt2" type="number" />
  </p>
  <p>
    <label>Valor 3: </label>
    <input id="txt3" type="number" />
  </p>
  <button id="somar" onclick="somarValores()">Somar</button>
</fieldset>

Referências:

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