Saber qual número é maior ou menor

Neste tutorial, vamos resolver o seguinte exercício:
"Faça um script que leia três números inteiros, em seguida mostre o maior e o menor deles."


Maior e Menor número em JS

Em um exercício anteriores, fizemos um script que recebe 3 números e diz qual o maior, vamos usar ele como base para resolver este exercício.

De fato, vamos usar o mesmíssimo código da função maior() que descobre o maior número.
Se você entendeu bem esta lógica, vai entender com facilidade a função menor(), que descobre o menor número.

Sim, nosso script agora vai ficar mais complexo, com duas funções: a maior() e a menor().

Dentro da função menor() definimos a variável: menor
Vamos fazer ela receber o primeiro número, do primeiro campo numero1.

Agora vamos comparar menor e num2.
Se num2 for menor que menor, fazemos:
menor = num2

Prontinho, agora a variável  menor tem o menor vale entre os dois primeiros números digitados.
Vamos repetir o raciocínio para a terceira variável, a num3.


Comparamos menor com num3.
Se num3 for menor que menor, fazemos:
menor = num3

Se nem num2 for menor que menor e num3 for menor que menor, nada ocorre.

Veja como ficou nosso código:



<!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()">Maior</button>
    <button onclick="menor()">Menor</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);
     }


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

       var menor = num1;

       if(num2 < menor)
        menor = num2;
       if(num3 < menor)
        menor = num3;

       alert("Menor: "+menor);
      }
    </script>

 </head>
</html>


Teste o resultado:

Primeira numero:
Segundo numero:
Terceiro numero:


Nenhum comentário:

Postar um comentário