Script que lê três números e mostra o Maior

Neste tutorial de JavaScript, vamos criar um script em JS que recebe o valor de três números e diz qual deles é o maior.

É um exercício de nossa seção de Testes Condicionais IF e ELSE.

Questão de JavaScript

"Faça um script que leia três números inteiros e mostre o maior deles."

Pessoal, tente resolver. Se esforce, tente novamente, quebra a cabeça, insista, é assim mesmo.
Só depois, sugiro dar uma olhada na solução comentada abaixo.

Exercício Resolvido de JS

Inicialmente, no HTML, criamos três formulários de input, do tipo number.
Depois um botão, que chama a função maior(), ao ser clicado (onclick="maior()").

Agora vamos pro nosso código JavaScript, que tem apenas a função maior() dentro.

Iniciamos o código JavaScript declarando três variáveis: num1, num2 e num3.
Elas vão armazenar os três números que o usuário digitou. Como o que é digitado no input vem na forma de string, usamos a função parseFloat para transformar no tipo numérico Float.

Agora vamos para a lógica da coisa. Basicamente precisamos fazer uns testes e comparações, para saber o maior número digitado.

Vamos declarar uma variável chama maior.
Inicialmente, ela recebe o valor do primeiro número:
  • maior = num1;

Pronto, inicialmente, o num1 é o maior.
Agora, vamos comparar esse valor com o num2.

Se num2 for maior que num1, fazemos a variável maior receber num2 (afinal, ele é maior que num1):
  • if(num2 > num1)
       maior = num2;
Se num2 não for maior, não acontece nada, e a variável maior continua com o valor de num1.

Agora vamos comprar maior com num3. Se num3 for maior que o número armazenado em maior, ele é o maior de todos os números, daí fazemos:
  • if(num3 > maior)
       maior = num3;
Ao fim do script, simplesmente exibimos o valor que está armazenado em maior em um alert.

Resultado do Script


Primeira numero:
Segundo numero:
Terceiro numero:



Código HTML + JavaScript


<!DOCTYPE html>
<html>
 <head>
   <title>Curso JavaScript Progressivo</title>
   Primeira numero:<input id="numero1" type="number"> <br />
   Segundo  numero:<input id="numero2" type="number"> <br />
   Terceiro numero: <input id="numero3" type="number"> <br />
   <button onclick="maior()">Calcular Maior</button>

   <script type="text/javascript">

    function maior(){
     var num1 = parseFloat(document.getElementById("numero1").value);
     var num2 = parseFloat(document.getElementById("numero2").value);
     var num3 = parseFloat(document.getElementById("numero3").value);

     var maior = num1;

     if(num2 > maior)
      maior = num2;
     if(num3 > maior)
      maior = num3;

     alert("Maior: "+maior);
    }
 </script>

 </head>
</html>

Nenhum comentário:

Postar um comentário