javascript

Algoritmo que dice si un número es mayor o menor en JavaScript

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:

Preguntar edad

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

Mayor de edad

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

Estoy aquí para ayudarte 🤝💻


Estoy aquí para ayudarte en todo lo que necesites. Si requieres alguna modificación en lo presentado en este post, deseas asistencia con tu tarea, proyecto o precisas desarrollar un software a medida, no dudes en contactarme. Estoy comprometido a brindarte el apoyo necesario para que logres tus objetivos. Mi correo es parzibyte(arroba)gmail.com, estoy como@parzibyte en Telegram o en mi página de contacto

No te pierdas ninguno de mis posts 🚀🔔

Suscríbete a mi canal de Telegram para recibir una notificación cuando escriba un nuevo tutorial de programación.
parzibyte

Programador freelancer listo para trabajar contigo. Aplicaciones web, móviles y de escritorio. PHP, Java, Go, Python, JavaScript, Kotlin y más :) https://parzibyte.me/blog/software-creado-por-parzibyte/

Ver comentarios

Entradas recientes

Creador de credenciales web – Aplicación gratuita

Hoy te voy a presentar un creador de credenciales que acabo de programar y que…

1 semana hace

Desplegar PWA creada con Vue 3, Vite y SQLite3 en Apache

Ya te enseñé cómo convertir una aplicación web de Vue 3 en una PWA. Al…

2 semanas hace

Arquitectura para wasm con Go, Vue 3, Pinia y Vite

En este artículo voy a documentar la arquitectura que yo utilizo al trabajar con WebAssembly…

2 semanas hace

Vue 3 y Vite: crear PWA (Progressive Web App)

En un artículo anterior te enseñé a crear un PWA. Al final, cualquier aplicación que…

2 semanas hace

Errores de Comlink y algunas soluciones

Al usar Comlink para trabajar con los workers usando JavaScript me han aparecido algunos errores…

2 semanas hace

Esperar promesa para inicializar Store de Pinia con Vue 3

En este artículo te voy a enseñar cómo usar un "top level await" esperando a…

2 semanas hace

Esta web usa cookies.