Tenho 5 campos input
onde devo colocar um número qualquer, e dois botões: um com o nome maior e o outro com o nome menor.
Ao clicar no botão maior, preciso que ele me diga qual o campo onde se encontra o maior número digitado, e quando clicar no botão "menor", ele me diga qual o menor número digitado. Ele também tem que dar a informação de que algum campo esteja vazio caso o usuário não coloque nada lá.
Eu fiz o HTML e JavaScript, mas nao estou conseguindo finalizar:
function Maior() {
var numero1 = parseInt(document.getElementById("num1").value);
var numero2 = parseInt(document.getElementById("num2").value);
var numero3 = parseInt(document.getElementById("num3").value);
var numero4 = parseInt(document.getElementById("num4").value);
var numero5 = parseInt(document.getElementById("num5").value);
//Verifico se os campos foram preenchidos
if (!numero1 || !numero2 || !numero3 || !numero4 || !numero5) {
alert("Preencha todos os campos.");
} else {
//Se foram preenchidos verifico qual é o menor
if (numero1 < numero2 < numero3 < numero4 < numero5)
alert("O número 1 possui o menor valor.");
else if (numero2 < numero1 < numero3 < numero4 < numero5)
alert("O número 2 possui o menor valor.");
else if (numero3 < numero1 < numero2 < numero4 < numero5)
alert("O número 3 possui o menor valor.");
else if (numero4 < numero1 < numero2 < numero3 < numero5)
alert("O número 4 possui o menor valor.");
else if (numero5 < numero1 < numero2 < numero3 < numero4)
alert("O número 5 possui o menor valor.");
else if (numero1 == numero2)
alert("Os valores dos número 1 e 2 são iguais.");
else if (numero1 == numero3)
alert("Os valores dos número 1 e 3 são iguais.");
else if (numero1 == numero4)
alert("Os valores dos número 1 e 4 são iguais.");
else if (numero1 == numero5)
alert("Os valores dos número 1 e 5 são iguais.");
else if (numero2 == numero3)
alert("Os valores dos número 2 e 3 são iguais.");
else if (numero2 == numero4)
alert("Os valores dos número 2 e 4 são iguais.");
else if (numero2 == numero2)
alert("Os valores dos número 2 e 5 são iguais.");
else if (numero3 == numero4)
alert("Os valores dos número 3 e 4 são iguais.");
else if (numero3 == numero5)
alert("Os valores dos número 3 e 5 são iguais.");
else if (numero4 == numero5)
alert("Os valores dos número 4 e 5 são iguais.");
else
alert("O número 2 possui o menor valor.");
}
}
<!DOCTYPE html>
<html lang="pt">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Calculadora Maior Menor com 5 Opções</title>
<script src="js/calcMaiorMenor.js"></script>
<link rel="stylesheet" href="css/estilo.css">
</head>
<body>
<div class="calc-menor-maior">
<h1>Calculadora com 5 Opções</h1>
<div>
<label for="">Número 1:</label>
<input id="num1" type="number" placeholder="Número 1">
</div>
<div>
<label for="">Número 2:</label>
<input id="num2" type="number" placeholder="Número 2">
</div>
<div>
<label for="">Número 3:</label>
<input id="num3" type="number" placeholder="Número 3">
</div>
<div>
<label for="">Número 4:</label>
<input id="num4" type="number" placeholder="Número 4">
</div>
<div>
<label for="">Número 5:</label>
<input id="num5" type="number" placeholder="Número 5">
</div>
<div>
<button onclick="Maior()">Maior</button>
<button onclick="Menor()">Menor</button>
</div>
</div>
</body>
</html>