Script que lê três números e mostra o Maior

Neste tutorial de JavaScript, vamos criar um script em JS que recebe o valor de três números e diz qual deles é o maior.

É um exercício de nossa seção de Testes Condicionais IF e ELSE.

Apostila de JavaScript para download

Questão de JavaScript

"Faça um script que leia três números inteiros e mostre o maior deles."

Pessoal, tente resolver. Se esforce, tente novamente, quebra a cabeça, insista, é assim mesmo.
Só depois, sugiro dar uma olhada na solução comentada abaixo.

Exercício Resolvido de JS

Inicialmente, no HTML, criamos três formulários de input, do tipo number.
Depois um botão, que chama a função maior(), ao ser clicado (onclick="maior()").

Agora vamos pro nosso código JavaScript, que tem apenas a função maior() dentro.

Iniciamos o código JavaScript declarando três variáveis: num1, num2 e num3.
Elas vão armazenar os três números que o usuário digitou. Como o que é digitado no input vem na forma de string, usamos a função parseFloat para transformar no tipo numérico Float.

Agora vamos para a lógica da coisa. Basicamente precisamos fazer uns testes e comparações, para saber o maior número digitado.

Vamos declarar uma variável chama maior.
Inicialmente, ela recebe o valor do primeiro número:

maior = num1;

Pronto, inicialmente, o num1 é o maior.
Agora, vamos comparar esse valor com o num2.

Se num2 for maior que num1, fazemos a variável maior receber num2 (afinal, ele é maior que num1):

if(num2 > num1)
maior = num2;

Se num2 não for maior, não acontece nada, e a variável maior continua com o valor de num1.

Agora vamos comprar maior com num3. Se num3 for maior que o número armazenado em maior, ele é o maior de todos os números, daí fazemos:

if(num3 > maior)
maior = num3;

Ao fim do script, simplesmente exibimos o valor que está armazenado em maior em um alert.

Resultado do Script

Primeira numero:
Segundo numero:
Terceiro numero:

Código HTML + JavaScript

<!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()">Calcular Maior</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);
    }
 </script>

 </head>
</html>

5 comentários:

Unknown3 de março de 2020 12:40
Eu fiz assim:

var num1 = prompt('Digite um numero: ')
var num2 = prompt('Digite outro numero: ')
var num3 = prompt('Digite mais um numero: ')

if(num1 > num2)
if(num1 > num3)
alert(`O ${num1} é o maior!!`)
else
alert(`O ${num3} é o maior!!`)
else
if(num2 > num3)
alert(`O ${num2} é o maior!!`)
else
alert(`O ${num3} é o maior!!`)

ResponderExcluir
Respostas
Unknown28 de junho de 2020 18:45
function verificar()
{
var numero1=parseFloat(document.getElementById("n_1").value);
var numero2=parseFloat(document.getElementById("n_2").value);
var numero3=parseFloat(document.getElementById("n_3").value);
var maior;

//alert(numero3);
//alert(numero2);
//alert(numero1);

if(numero1>=numero2 && numero1>=numero3)
{
maior=numero1;
}
else if(numero2>=numero1 && numero2>=numero3)
{
maior=numero2;
}
else if(numero3>=numero2 && numero3>=numero1)
{
maior=numero3;
}

alert("maior numero: "+maior);
ResponderExcluir
Respostas
Marcelo Leite11 de novembro de 2020 01:57
let n1 = document.getElementById('tn1')
let n2 = document.getElementById('tn2')
let n3 = document.getElementById('tn3')
let valores = []
function add(){
valores[0] = Number(n1.value)
valores[1] = Number(n2.value)
valores[2] = Number(n3.value)
let maior = valores[0]
for(let pos in valores){
if(valores[pos] > maior)
maior = valores[pos]
}

let resu1 = document.getElementById('res1')
resu1.innerHTML = `O Maior número é: ${maior} `
}
ResponderExcluir
Respostas
Wagner Riti8 de julho de 2021 12:53

function verificar(){

var num1 = parseFloat(document.getElementById('numero1').value)
var num2 = parseFloat(document.getElementById('numero2').value)
var num3 = parseFloat(document.getElementById('numero3').value)

if (num1 > num2 && num1 > num3) {
alert('Maior número é: ' + num1)

}else if (num2 > num1 && num2 > num3) {
alert('Maior número é: ' + num2)
}else{
alert('Maior número é: ' + num3)
}

}

ResponderExcluir
Respostas
Dark_hck13 de julho de 2021 15:24
var num1 = 10;
var num2 = 50;
var num3 = 3;

if(num1>num2){
if(num1>num3){
console.log("Num1 é o maior!");
}else
console.log("Num3 é o maior!");
}else if(num2>num1){
if(num2>num3){
console.log("Num2 é o maior!");
}else
console.log("Num3 é o maior!");
}
------------------------------------------------------
if(num1 > num2 && num1 > num3){
console.log("2- num1 é o maior!");
}else if(num2 > num1 && num2 > num3){
console.log("2 - num2 é o maior!");
}else{
console.log("2- num 3 é o maior!");
}
ResponderExcluir
Respostas

Adicionar comentário