Tenho dois botões, um é Maior e o outro é Menor pra me retornar o seguinte:
Tenho dois campos onde digito um valor em cada. O primeiro botao (maior) tem que me retornar qual dos dois números é o maior e o segundo botão tem que me retornar qual dos dois números é o menor, mas não estou conseguindo aninhar as condições if e else.
Segue o código abaixo:
function maiorMenor() {
var numero1 = parseInt(document.getElementById("num1").value);
var numero2 = parseInt(document.getElementById("num2").value);
var botao1;
var botao2;
if (!numero1) {
alert("Digite o Número 1")
}
if (!numero2) {
alert("Digite o Número 2")
}
if (numero1 > numero2) {
alert("O número 1 é maior")
}
if (numero1 < numero2) {
alert("O número 2 é maior")
}
}
<!DOCTYPE html>
<html lang="en">
<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</title>
<script src="js/maior-menor.js"></script>
<link rel="stylesheet" href="css/estilo.css">
</head>
<body>
<div class="calc-maior-menor">
<h1>Calculadora Maior / Menor</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>
<button id="botao1" onclick="maiorMenor()">Maior</button>
<button id="botao2" onclick="maiorMenor()">Menor</button>
</div>
</div>
</body>
</html>