9

Estou aprendendo JavaScript e estou quebrando a cabeça com este código que criei. Por que a minha função está concatenando ao invés de somar os números que armazeno nas variáveis?

<!DOCTYPE html>
<html>
<head>
    <title>Aula 05 Java Script</title>
    <meta charset="utf-8">
    <script type="text/javascript">
        var num1,num2;

        num1 = prompt("Digite um número ","");
        num2 = prompt("Digite outro número para somar ","");

        function soma(){
            var res;
            res=num1+num2;
            alert("Reultado da Operação "+ res);
        }

        soma();

    </script>
</head>
<body>
</body>
</html>

2 Respostas 2

10

Isso ocorre porque o retorno da função prompt() é sempre uma string. Então a adição fará a concatenação de ambas. Se deseja somar os números precisa converter a variável para um tipo numérico, isto se dá com parseInt(), por exemplo.

num1 = prompt("Digite um número ","");
num2 = prompt("Digite outro número para somar ","");

function soma(){
    var res = parseInt(num1) + parseInt(num2);
    alert("Reultado da Operação "+ res);
}

soma();

Ou se preferir que as variáveis já sejam numéricas:

num1 = parseInt(prompt("Digite um número ",""));
num2 = parseInt(prompt("Digite outro número para somar ",""));

function soma(){
    var res = num1 + num2;
    alert("Reultado da Operação "+ res);
}

soma();

Coloquei no GitHub para referência futura.

Também é possível usar o ParseFloat() se deseja que o número permita números com parte decimal.

Note que se a conversão não for possível, afinal a pessoa pode digitar um texto, pode não dar o resultado esperado já que o valor provavelmente será 0, ou algo que ele consiga converter, mas não ser bem o que foi digitado.

2
  • 1
    Respondemos no mesmo minuto :) +1
    – Sergio
    Commented 30/04/2016 às 20:04
  • Muito obrigado! Agora além de resolver compreendi o motivo! Grande abraço. Commented 1/05/2016 às 15:11
9

O problema é que o retorno do prompt é uma string (dá uma olhada aqui).

Assim, se converteres essas strings em números o teu código já vai funcionar.

Por exemplo, usando o Number:

var res = Number(num1) + Number(num2);

jsFiddle: https://jsfiddle.net/2d1otn4a/


Nota:

  • maneiras diferentes para converter strings em Numeros

Em JavaScript há o parseInt que converte uma string num numero inteiro, removendo a parte decimal sem arredondar. Podes também usar o parseFloat, ou Number. Todos convertem strings em numeros.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .