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

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.

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:

  1. 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
  2. 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
  3. 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


  4. 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
  5. 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
  6. 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
  7. 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
  8. Desculpe a ignorância, mas como seria em casos de uma quantidade indeterminada de números como entrada?

    ResponderExcluir

  9. 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
  10. 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
  11. 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
  12. 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
  13. 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
  14. 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
  15. 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
  16. 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
  17. 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
  18. 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
  19. 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
  20. 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