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:
<span class="crayon-m">const</span> <span class="crayon-v">edadDelUsuario</span> <span class="crayon-o">=</span> <span class="crayon-r">parseInt</span><span class="crayon-sy">(</span><span class="crayon-r">prompt</span><span class="crayon-sy">(</span><span class="crayon-s">"¿Cuál es tu edad?"</span><span class="crayon-sy">)</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span>
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.
Hola, quiero que si el usuario pone que tiene mas de 100 años que le salte un mensaje diciendo que el programa no es tonto, pero no se como hacerlo, me ayudas?
Claro, si tiene alguna solicitud puede enviarme un mensaje en https://parzibyte.me/#contacto
Pingback: ¿while puede remplazar a for y a if? - Parzibyte's blog
Pingback: Mayor o menor de edad en varios lenguajes de programación - Parzibyte's blog