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.
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.
Hoy te voy a presentar un creador de credenciales que acabo de programar y que…
Ya te enseñé cómo convertir una aplicación web de Vue 3 en una PWA. Al…
En este artículo voy a documentar la arquitectura que yo utilizo al trabajar con WebAssembly…
En un artículo anterior te enseñé a crear un PWA. Al final, cualquier aplicación que…
Al usar Comlink para trabajar con los workers usando JavaScript me han aparecido algunos errores…
En este artículo te voy a enseñar cómo usar un "top level await" esperando a…
Esta web usa cookies.
Ver comentarios
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