Executando Operação Aritmética Simples – Segundo Programa Javascript

Tempo de leitura: 3 min

Escrito por Celso Kitamura
em 23 de fevereiro de 2021

Entre para o Grupo VIP e fique sabendo antes das novidades

Junte-se à nossa comunidade de App Devs que estão transformando o mundo

100% livre de spam.

Compartilhe agora mesmo:

Executando Operação Aritmética Simples – Segundo Programa Javascript

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: 👉🏼 https://celsokitamura.com.br/como-aprender-a-programar

Bora aprender a programar!

 

 

 

Compartilhe agora mesmo:

Comece pelo e-book GRATUITO (Por Tempo Limitado)

5 Passos Para Desenvolver Alexa Skills

Se você não sabe por onde começar, este e-book te mostra os passos para ser um desenvolvedor de skills de sucesso.

QUERO CRIAR SKILLS PARA ALEXA!
100% livre de spam.

Você vai gostar também:

Para enviar seu comentário, preencha os campos abaixo:

Deixe uma resposta


*


*


Seja o primeiro a comentar!

Entre para o Grupo VIP e fique sabendo antes das novidades

Junte-se à nossa comunidade de App Devs que estão transformando o mundo

100% livre de spam.
Importante: Este site faz uso de cookies que podem conter informações de rastreamento sobre os visitantes. Criado por WP RGPD Pro