El determinar un número mayor y menor en JavaScript es uno de los ejercicios más utilizados para aprender a realizar operaciones y funciones en este lenguaje de programación, debido a que te permite hacer uso de la integración de algunas funciones para pedir información al usuario y también de otras funciones que muestran información al usuario, además de qué estas se guardan en variables para poder realizar acciones dentro del mismo programa y así poder realizar una acción en específico dentro de nuestra página web.
Además se hace uso de ciclos iterativos que sirven para realizar una determinada acción una cantidad de veces determinada, sin necesidad de repetir código varias veces.
Número mayor y menor en JavaScript
👊 ¿QUIERES INCREMENTAR TUS CONOCIMIENTOS EN JAVASCRIPT? 👊
Entonces te recomiendo tomar este curso de JavaScript donde aprenderás a programar desde cero hasta convertirte en un experto, realizando varios ejercicios prácticos para que puedas aprender de una mejor manera.
👇
CURSO COMPLETO
Creación de HTML
Primeramente antes de crear nuestro archivo para determinar el número mayor y menor en JavaScript, es necesario crear un archivo HTML para que represente a nuestra página web, dentro de él debemos de incluir una etiqueta <script>, la cual contiene el nombre del archivo JavaScript que vamos utilizar para que este sea ejecutado en nuestra página web, en este caso la información del cuerpo de nuestra página va a estar vacío, debido a que es un ejemplo de práctica y se van utilizar simplemente alertas para mostrar la información y pedir información al usuario.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="javascript3.js"></script>
</head>
<body>
</body>
</html>
Programación en JavaScript
Una vez que creamos nuestro archivo HTML con la información principal, ahora sigue crear nuestro archivo que va a contener todo nuestro código para determinar el número mayor y menor en JavaScript.
Explicación del código para determinar el número mayor y menor en JavaScript
Primeramente se deben de crear las dos variables utilizadas, la primera de ellas es donde se va a guardar el número mayor y la segunda es donde se va guardar el número menor, además se van inicializar en cero para que tengan un valor por defecto en caso de qué no ingrese un valor el usuario y se van a definir como variables globales para utilizarlas en todo el código.
var mayor = 0; var menor = 0;
Para pedir la cantidad de números que se van a utilizar para determinar cuál es el número mayor y menor en JavaScript, se va a hacer mediante el uso de la función prompt(), la cual sirve para mostrar una alerta al usuario con la posibilidad de qué ingrese cierta información para ser leída, pero debido a que esa información es leída en tipo de texto, es necesario convertirla a entero, para lo cual se usa la función parseInt() y finalmente se guarda el resultado en una variable para utilizarla en el ciclo más adelante.
var quantity = parseInt(prompt("How many numbers: "));
El ciclo principal que se va encargar de determinar cuál es el número mayor y menor en JavaScript, consta de un ciclo «for» el cual se va a repetir la cantidad de veces del número que hay ingresado al usuario, de igual forma en cada ciclo se va a pedir al usuario que ingrese un número nuevo y al mismo tiempo se va a ir realizando comparaciones de ese número para hacer igualaciones y al final determinar cuál es el número mayor y menor.
for (var i = 0; i < quantity; i++) {
num = parseInt(prompt("Ingrese el numero: "))
if (1 == i){
mayor = num
menor = num
}
else if (num > mayor){
mayor = num;
}
else if (num < menor){
menor = num;
}
}
Por último simplemente se va a hacer uso de la función alert() para mostrar el número mayor y menor al usuario, de la cantidad de números que hay ingresado.
alert("The largest number is: " + mayor);
alert("The smallest number is: " + menor);
Código principal
A continuación se presenta el código completo utilizado para determinar el número mayor y menor en JavaScript.
var mayor = 0;
var menor = 0;
var quantity = parseInt(prompt("How many numbers: "));
for (var i = 0; i < quantity; i++) {
num = parseInt(prompt("Ingrese el numero: "))
if (1 == i){
mayor = num
menor = num
}
else if (num > mayor){
mayor = num;
}
else if (num < menor){
menor = num;
}
}
alert("The largest number is: " + mayor);
alert("The smallest number is: " + menor);
👊 ¿NECESITAS UN HOSTING PARA TU PAGINA WEB O TIENDA ONLINE? 👊
Entonces te recomiendo usar Hostinger, que cuenta con una gran cantidad de ventajas y herramientas para crear tu Web de manera sencilla y profesional.
Estas son una de las características al contratar Hostinger:
💽 Hospedaje Profesional
💻 Sitio Web seguro con SSL
🔋 Velocidad de procesamiento
🖲 Interfaz fácil de usar
💰 Dominio Gratis
Entre muchas otras cosas mas…
Resultados del código
Cómo resultado de nuestro código realizado para nuestra página web, tenemos las capturas de pantalla de cómo es que se pide la información al usuario, también como se pide cada uno de los números que se van a ir comparando y al final cuál es el resultado del número mayor y menor.
Si quieres ver más ejemplos como esto o quieres aprender sobre nuevos temas sobre desarrollo web te invito a visitar mi página principal donde encontrarás nuevos temas relacionados a este los cuales te pueden interesar.
