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."

Estudar pelo PDF: Fazer download da Apostila

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:

2 comentários:

Ricardo20 de julho de 2020 07:36
Este comentário foi removido pelo autor.
ResponderExcluir
Respostas
Unknown2 de outubro de 2021 08:31
Eu fiz um pouco diferente, criei um link para o CSS e um SCRIPT SRC, ai coloquei um visual maneiro e o script separado do HTML.. Tive q bota a caixo-la pra funcionar ksksk pq o codigo foi quase igual a este.
ResponderExcluir
Respostas

Adicionar comentário