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:

8 comentários:

Ricardo20 de julho de 2020 às 07:36
Este comentário foi removido pelo autor.
ResponderExcluir
Respostas
Unknown2 de outubro de 2021 às 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
Anônimo31 de maio de 2022 às 06:03
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
Respostas
Anônimo13 de outubro de 2022 às 14:01
e se a gente quiser fazer com for?
ResponderExcluir
Respostas
Anônimo24 de outubro de 2022 às 07:18
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
Respostas
Amanda Lopes4 de fevereiro de 2023 às 14:50
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
Respostas
Anônimo13 de março de 2024 às 06:50
fiz desta forma:
let x = 0
let y = 3.14
let z = 2.71828

const greaterOrLessNumber = (x, y, z) => {
const max = Math.max(x, y, z);
const min = Math.min(x, y, z);
return {
max, min
}
}

const {
max: greaterNumber,
min: lessNumber
} = greaterOrLessNumber(x, y, z)

console.log(`O maior número é ${greaterNumber} e o menor é: ${lessNumber}`)
ResponderExcluir
Respostas

Adicionar comentário