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>

20 comentários:

Unknown3 de março de 2020 às 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 às 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 às 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 às 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 às 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
Unknown6 de dezembro de 2021 às 19:20
let numeroB = 25;
let numeroC = 7;

if (numeroA > numeroC && numeroA > numeroB) {
console.log(numeroA + ' ' + 'e o maior Numero!');
}
else if (numeroC > numeroA && numeroC > numeroB) {
console.log(numeroC + ' ' + 'e o maior Numero!');
}
else {
console.log(numeroB + ' ' + 'e o maior Numero!');
}
ResponderExcluir
Respostas
Unknown21 de abril de 2022 às 10:07
let numeros = [5,8,7]
let n1 = numeros[0];
let n2 = numeros[1];
let n3 = numeros[2];

if(n1 >n3 && n1 > n2 ){

console.log("o N1 É MAIOR")

}else if(n2 > n1&&n2 > n3){
console.log("O N2 É O MAIOR")
}

else{
console.log("O N3 É O MAIOR")
}

ResponderExcluir
Respostas
Anônimo18 de maio de 2022 às 07:38
Desculpe a ignorância, mas como seria em casos de uma quantidade indeterminada de números como entrada?
ResponderExcluir
Respostas
Anônimo31 de maio de 2022 às 05:37

let n1 = 0;
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);
}
ResponderExcluir
Respostas
Anônimo1 de setembro de 2022 às 17:43
function Larger(){
let number1 = parseInt( document.getElementById('number1').value)
let number2 = parseInt( document.getElementById('number2').value)
let number3 = parseInt( document.getElementById('number3').value)

if (number1 > number2 && number1 > number3){
alert(`Esse é o maior número digitado: ${number1}`)
}else if (number2 > number1 && number2 > number3 ){
alert(`Esse é o maior número digitado: ${number2}`)
}else{
alert(`Esse é o maior número digitado: ${number3}`) }
}
ResponderExcluir
Respostas
atox122 de setembro de 2022 às 22:05
function mostrarNumero(){
let n1 = parseFloat(document.querySelector('input#n1').value)
let n2 = parseFloat(document.querySelector('input#n2').value)
let n3 = parseFloat(document.querySelector('input#n3').value)
let res = document.querySelector('div#res')
maior = 0
if(n1 == n2 || n1 == n3 || n2 == n3){
res.innerHTML = `Você digitou números iguais. Tente novamente`
}else{
if(n1 > n2 && n1 > n3){
maior = n1
}else if(n2 > n3){
maior = n2
}else{
maior = n3
}
res.innerHTML = `O maior número é ${maior}`
}

}
ResponderExcluir
Respostas
Roger Bastos30 de novembro de 2022 às 05:38
ola Devs, postando minha simples solução
var num1 = prompt ("Digite o primeiro número")
var num2 = prompt ("Digite o segundo número")
var num3 = prompt ("Digite o terceiro número")

if (num1 > num2) {
alert ("primeiro número é maior")
} else if (num2 > num3) {
alert ("Segundo número é maior")
} else {
alert ("Terceiro número é o maior")
}
ResponderExcluir
Respostas
Anônimo11 de dezembro de 2022 às 05:32
function numberInt(n1, n2, n3) {
if(n1 > n2 && n1 > n3) {
console.log(n1 +" é maior que " +n2 +" e " +n3);
} else if (n2 > n1 && n2 > n3) {
console.log(n2 +" é maior que " +n1 +" e " +n3);
} else {
console.log(n3 +" é maior que " +n1 +" e " +n2);
}
}

numberInt(1998, 403, 2017);
ResponderExcluir
Respostas
Anônimo12 de dezembro de 2022 às 07:34
function check() {
var firstValue = document.getElementById("firstValue").value;
var secondValue = document.getElementById("secondValue").value;
var thirdValue = document.getElementById("thirdValue").value;

var resposta = document.getElementById("answerOnScreen")

if (Number(firstValue) > Number(secondValue) && Number(firstValue) > Number(thirdValue)) {
resposta.innerHTML = `${firstValue}
O primeiro valor é o maior dos três, bro.`
}

else if (Number(secondValue) > Number(firstValue) && Number(secondValue) > Number(thirdValue)) {
resposta.innerHTML = `${secondValue}
O segundo valor é o maior dos três, bro.`
}

else if (thirdValue > Number(firstValue) && Number(thirdValue) > Number(secondValue)) {
resposta.innerHTML = `${thirdValue}
O terceiro valor é o maior dos três, bro.`
}

else {
answer.innerHTML = `Erro`
}

return

}
ResponderExcluir
Respostas
Anônimo11 de julho de 2023 às 13:33
o codigo que esta ai nao funciona ele tem um bug no segundo numero, o meu funcionou melhor: function verificar(){
let n1 = Number(document.getElementById('num1').value)
let n2 = Number(document.getElementById('num2').value)
let n3 = Number(document.getElementById('num3').value)

if (n1 > n2 && n1 > n3){
res.innerHTML = n1
} else if (n2 > n1 && n2 > n3) {
res.innerHTML = n2
} else if (n3 > n2 && n3 > n1) {
res.innerHTML = n3
}
}
ResponderExcluir
Respostas
Anônimo9 de agosto de 2023 às 11:54
eu fiz assim
let primeiro = parseFloat(prompt("Digite o primeiro número:"));
let segundo = parseFloat(prompt("Digite o segundo número:"));
let terceiro = parseFloat(prompt("Digite o terceiro número:"));
let res = primeiro;
if (segundo > res) res = segundo;

if (terceiro > res) res = terceiro;

console.log(primeiro, segundo, terceiro);
console.log(res);
ResponderExcluir
Respostas
Anônimo19 de janeiro de 2024 às 17:40
Fiz dessa forma e funcionou perfeitamente.

function verificar() {
var num1 = parseInt(document.getElementById('num1').value)
var num2 = parseInt(document.getElementById('num2').value)
var num3 = parseInt(document.getElementById('num3').value)
var res = document.getElementById('text')
if (num1 > num2 && num1 > num3) {
res.innerHTML = `O número ${num1} é maior do que ${num2} e ${num3}`
} else if (num2 > num1 && num2 > num3) {
res.innerHTML = `O número ${num2} é maior do que ${num1} e ${num3}`
}else if (num3 > num1 && num3 > num2) {
res.innerHTML = `O número ${num3} é maior do que ${num1} e ${num2}`
}
}
ResponderExcluir
Respostas
Jackson19 de janeiro de 2024 às 23:07
Essa é minha solução

function verificar() {
var num1 = parseFloat(document.getElementById('num1').value)
var num2 = parseFloat(document.getElementById('num2').value)
var num3 = parseFloat(document.getElementById('num3').value)
var res = document.getElementById('text')
if (num1 > num2 && num1 > num3) {
res.innerHTML = `O número ${num1} é maior do que ${num2} e ${num3}`
} else if (num2 > num1 && num2 > num3) {
res.innerHTML = `O número ${num2} é maior do que ${num1} e ${num3}`
}else if (num3 > num1 && num3 > num2) {
res.innerHTML = `O número ${num3} é maior do que ${num1} e ${num2}`
}
}
ResponderExcluir
Respostas
Anônimo11 de março de 2024 às 10:37
fiz desta forma:
let intNum1 = 5
let intNum2 = 6.99
let intNum3 = 3.14
let great = ''

if (intNum1 > intNum2 && intNum3) {
great = `${intNum1} é maior.`
} else if (intNum2 > intNum1 && intNum3) {
great = `${intNum2} é maior.`
} else if (intNum3 > intNum1 && intNum2) {
great = `${intNum3} é maior.`
}
console.log(`${great}`);
ResponderExcluir
Respostas
Jarede Ferreira14 de março de 2024 às 19:48
O meu ficou da seguinte forma:

function maior(){
var number1 = parseFloat(document.getElementById('number01').value)
var number2 = parseFloat(document.getElementById('number02').value)
var number3 = parseFloat(document.getElementById('number03').value)
var maior = number1
var res = document.getElementById('res')
if (isNaN(number1) || isNaN(number2) || isNaN(number3)){
res.innerHTML = 'É preciso digitar 3 numeros!'
}else{
if (number2 > maior && number2 > number3){
maior = number2
res.innerHTML = `O maior número é ${maior}`
} else if (number3 > maior && number3 > number2){
maior = number3
res.innerHTML = `O maior número é ${maior}`
} else {
maior = number1
res.innerHTML = `O maior número é ${maior}`
}
}

}
function menor(){
var number1 = parseFloat(document.getElementById('number01').value)
var number2 = parseFloat(document.getElementById('number02').value)
var number3 = parseFloat(document.getElementById('number03').value)
var menor = number1
var res = document.getElementById('res')
if (isNaN(number1) || isNaN(number2) || isNaN(number3)){
res.innerHTML = 'É preciso digitar 3 numeros!'
}else{
if (number2 < menor && number2 < number3){
menor = number2
res.innerHTML = `O menor número é ${menor}`
} else if (number3 < menor && number3 < number2){
menor = number3
res.innerHTML = `O menor número é ${menor}`
} else {
menor = number1
res.innerHTML = `O menor número é ${menor}`
}
}

}
ResponderExcluir
Respostas

Adicionar comentário