Agora que já vimos como receber dados do usuário através do console, chegou o momento de codificarmos nosso segundo programa em Javascript.
Vamos fazer um programa que executa uma operação aritmética simples utilizando dois números informados pelo usuário.
Neste vídeo vamos criar uma calculadora bem primitiva, um programa que executa uma operação aritmética simples.
Executando Operações Aritméticas Simples – Segundo Programa Javascript
Já vimos no vídeo anterior como receber dados do usuário através do comando prompt().
Ele exibe uma mensagem para o usuário e interrompe a execução do programa, aguardando uma resposta do usuário.
Criando Uma Calculadora Primitiva
Agora podemos utilizar tudo o que vimos até agora para criar a primeira versão de uma calculadora.
Para nosso segundo programa em Javascript, vamos criar uma calculadora rudimentar que faz uma operação aritmética simples.
Pedindo Os Valores Para O Usuário
Primeiro vamos pedir para o usuário os dois valores que serão utilizados no cálculo. E para isso vamos usar o comando prompt().
E não podemos esquecer de guardar o que foi digitado pelo usuário em variáveis, para podermos utilizá-los mais tarde.
Para pedir o primeiro valor, é só usar o comando:
var primeiro = prompt("Digite o primeiro número: ");
Agora vamos pedir o segundo valor:
var segundo = prompt("Digite o segundo número: ");
Fazendo O Cálculo
Pronto, agora que temos os dois valores informados pelo usuário guardados em variáveis, podemos fazer o cálculo:
var resultado = primeiro + segundo;
Estamos criando uma terceira variável para armazenar o resultado.
Apresentando O Resultado Para O Usuário
Falta só mostrar o resultado para o usuário, certo?
E para isso vamos usar o console.log(), conforme o comando abaixo:
console.log(primeiro + " + " + segundo + " = " + resultado);
Aqui nós utilizamos o conteúdo das variáveis para compor o texto que iremos apresentar para o usuário.
O que for texto precisamos colocar entre aspas. E utilizamos o caracter “+” para concatenar o texto com o nome das variáveis.
Executando Meu Segundo Programa Javascript
Agora é só executar nosso programa clicando no botão Run.
Vamos digitar os valores 5 e 6 para ver o resultado…
Opa, o resultado foi 56? O que aconteceu?
O valor que o usuário nos forneceu através do prompt() retornou o valor como se fosse um texto.
É feito desta forma pois o usuário pode digitar qualquer coisa, não somente números.
E na hora de fazer o cálculo, ele concatenou os valores ao invés de somar os valores que eles representam.
Convertendo Texto Em Número
Para que nossa calculadora funcione corretamente, precisamos converter o que o usuário digitou em número. Só assim o resultado sairá corretamente.
E para fazer isso utilizamos a função parseInt(). Isso vai fazer com que a entrada do usuário seja armazenada como um número ao invés de texto.
Modifique as duas primeiras linhas do nosso programa assim:
var primeiro = parseInt(prompt("Digite o primeiro número"));
var segundo = parseInt(prompt("Digite o segundo número"));
Desta forma, o que o usuário digitou será convertido de texto para número antes de colocar o valor dentro da variável.
Execute o programa agora para ver o resultado.
Palavras finais
Terminamos o nosso segundo programa Javascript, uma calculadora beem rudimentar, que iremos incrementar em próximos vídeos.
Vimos como compor texto com variáveis utilizando o caractere +.
Também vimos como utilizar a função parseInt() para converter um texto em número.
E agora quero deixar aqui um desafio para você. Ou melhor, dois.
O primeiro é modificar este programa para que ele faça outra operação aritmética simples, como multiplicação, por exemplo.
E o segundo desafio é pedir ao usuário mais um valor para entrar no cálculo. Então, ao invés de 2 parcelas, a operação aritmética terá 3 valores para o cálculo.
Meu e-book Como Aprender a Programar do Absoluto Zero está GRATUITO por tempo limitado!
Olha o link: 👉🏼 http://celsokitamura.com.br/como-aprender-a-programar
Bora aprender a programar!
Deixe um comentário