Introducción
Este ejercicio es muy, muy simple. Es de los primeros a los que nos enfrentamos y tal vez se nos complique la primera vez; el cual es: cómo saber si un número es mayor o menor a otro número en JavaScript.
Mayor o menor en JavaScript
Veamos el caso más simple, ese en donde nos pide la edad y nos dice si somos mayores de edad. Al menos en donde vivo, la mayoría de edad se alcanza a los 18 años.
Entonces comencemos pidiendo al usuario su edad en un prompt:
const edadDelUsuario = parseInt(prompt("¿Cuál es tu edad?"));
Ahí lo estamos almacenando en una constante llamada edadDelUsuario
.
Lo que nos devuelve prompt
es una cadena, y lo convertimos a entero usando la función parseInt porque no podemos comparar cadenas con números, ambos deben ser del mismo tipo.
Ahora vamos a hacer una comparación:
if(edadDelUsuario >= 18){
alert("Eres mayor de edad");
}
En ese caso comparamos si la edad del usuario es mayor o igual que 18, en caso de que sí, desplegamos un mensaje que dice que es mayor.
¿Pero qué pasa si el usuario es menor de edad? debemos añadir un else
, y la condición completa queda así:
const edadDelUsuario = parseInt(prompt("¿Cuál es tu edad?"));
if(edadDelUsuario >= 18){
alert("Eres mayor de edad");
}else{
alert("Eres menor de edad");
}
Ahora sí está bien. Entonces el código completo queda así:
const edadDelUsuario = parseInt(prompt("¿Cuál es tu edad?"));
if(edadDelUsuario >= 18){
alert("Eres mayor de edad");
}else{
alert("Eres menor de edad");
}
Este código lo podemos poner entre las etiquetas <script>
de un documento HTML. Así:
!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Mayor o menor de edad</title>
<script>
const edadDelUsuario = parseInt(prompt("¿Cuál es tu edad?"));
if(edadDelUsuario >= 18){
alert("Eres mayor de edad");
}else{
alert("Eres menor de edad");
}
</script>
</head>
<body>
</body>
</html>
Si lo guardamos como archivo HTML y lo abrimos se verá esto en donde nos pregunta la edad:

En este caso despliega que soy mayor de edad, pues 50 es mayor o igual que 18:

Así de simple y sencillo es comparar números en JavaScript.