"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:
Este comentário foi removido pelo autor.
ResponderExcluirEu 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