Gostou do nosso conteúdo? Te ajudou?
Nos ajude também! Faça um PIX, de qualquer valor:
programacao.progressiva@gmail.com

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:


6 comentários:

  1. Este comentário foi removido pelo autor.

    ResponderExcluir
  2. 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
  3. let n1 = 10;
    let n2 = 5;
    let n3 = 14;

    if(n1 > n2 && n1 > n3) {
    console.log(n1);
    } else if(n2 > n1 && n2 > n3) {
    console.log(n2);
    } else if(n3 > n1 && n3 > n2) {
    console.log(n3);
    }if(n1 < n2 && n1 < n3) {
    console.log(n1);
    } else if(n2 < n1 && n2 < n3) {
    console.log(n2);
    } else if(n3 < n1 && n3 < n2) {
    console.log(n3);
    }

    ResponderExcluir
  4. e se a gente quiser fazer com for?

    ResponderExcluir
  5. function mostrar() {
    var num1 = parseInt(document.getElementById("n1").value);
    var num2 = parseInt(document.getElementById("n2").value);
    var num3 = parseInt(document.getElementById("n3").value);

    var max = Math.max(num1, num2, num3);
    var min = Math.min(num1, num2, num3);

    alert("O maior é: " + max + " O menor é: " + min);
    }

    ResponderExcluir
  6. to com um exercicio parecido so q de repetição, onde pede pra ver a altura de 15 pessoas e depois só mostrar qual é a menor e a maior, alguém pode ajudar?

    ResponderExcluir