Lendo variáveis em JavaScript

Agora que sabemos que podemos escrever coisas por meio de scripts e que posso criar espaços na memória para usar mais tarde, que tal começar a pegar valores do usuário? Podemos fazer isso de diversas maneiras, mas inicialmente vamos usar um comando chamado prompt ele é parecido com o alert, ele abre uma caixa mostrando o conteúdo dos parênteses, mas espera alguma resposta que é passada para onde foi chamado.

Uma observação é que ele devolve o que é digitado como um texto, assim se estiver perguntando algum tipo diferente de variável, precisará fazer a troca (conversão) do tipo, por exemplo, se fizer prompt perguntando algum número, ele irá mostrar esse número normalmente, mas se tiver algo como valor + 3 é esse valor for 5, teriamos algo como: 53 pois ele num primeiro momento entende o 5 como sendo um texto, de maneira que o símbolo de "+" seria lido como uma concatenação e não uma soma.

Vamos imaginar uma situação simples, fazer um script que pergunte nome e idade e responda dando boas vindas e mostre qual é o dobro da idade digitada.

Código:

<script> 
let nome 
let idade 
nome = prompt("Qual seu nome?") 
idade = Number(prompt("Qual sua idade?")) 
/** Number é um comando especial que faz com que o valor dentro dos parênteses tente ser transformado em um número.*/ 
document.write( `Boas vindas, ${nome}. O dobro de sua idade atual é: ${idade*2}.` )
<script>

Explicando(linha a linha):

• cria um espaço na memória chamado nome;
• cria um espaço na memória chamado idade;
• chama a variável "nome" e faz ela receber o resultado da função prompt, que mostrará a mensagem: "Qual seu nome?";
• chama a variável "idade" e faz ela receber o resultado da função Number que vai converter o que o prompt recebeu como resposta a mensagem: "Qual sua idade?" (Lembre-se prompt devolve textos, e uma idade é um número, por isso da conversão);
• document.write escreve o que tem nos parênteses, que no caso é uma mensagem que onde tem ${} vai chamar a variável, colocando os valores guardados no lugar. Por exemplo, se nome => "Robson" e idade => 32, a mensagem que será escrita será:
  Boas vindas, Robson. O dobro de sua idade atual é: 64.

Operações matemáticas

Agora temos como fazer códigos mais interessantes, por exemplo fazer somas de dois valores. vamos lá: Faça um script que pergunte dois números e escreva o resultado na página.

<script> 
let valor1 
let valor2 
let resultado 
valor1 = Number(prompt("Digite o primeiro valor"))
valor2 = Number(prompt("Digite o segundo valor"))
resultado = valor1 + valor2 
/** atenção: usar o acento grave, para que possa funcionar o uso da variável. */
document.write(`O resultado da soma dos dois valores é: ${resultado}`)
<script>

Explicando:

• cria um espaço na memória chamado valor1;
• cria um espaço na memória chamado valor2;
• cria um espaço na memória chamado resultado;
• chama a variável "valor1" e faz ela receber o resultado da função Number que vai converter o que o prompt recebeu como resposta a mensagem: "Digite o primeiro valor" (Lembre-se prompt devolve textos, e para soma precisamos de números, por isso da conversão);
• chama a variável "valor2" e faz ela receber o resultado da função Number que vai converter o que o prompt recebeu como resposta a mensagem: "Digite o segundo valor" (Lembre-se prompt devolve textos, e para soma precisamos de números, por isso da conversão);
• chama a variável "resultado"e faz ela receber a soma de "valor1" e "valor2";
• document.write escreve o que tem nos parênteses, que no caso é uma mensagem que onde tem ${} vai chamar a variável, colocando o valor guardado no lugar. Por exemplo, se resultado => 10, a mensagem que será escrita será:
  O resultado da soma dos dois valores é: 10.

O fluxograma seria próximo a isso: