Como hacer una lista de números en JavaScript

Un ejercicio básico de programación es el de hacer una lista de números en JavaScript, el cual te permite imprimir una cantidad casi infinita de números dependiendo del número que hayas ingresado, pero estos números pueden ser utilizados de cualquier forma y pueden ser impresos dentro de una página web, por lo cual si en algún caso es necesario leer un número y realizar alguna acción con ese número dentro de nuestra misma página web es posible o incluso en ocasiones que se realizan juegos con JavaScript se puede realizar este tipo de acciones.

Lista de números en JavaScript

Explicación del código realizado

En este caso como es un ejercicio simple, sólo se va a hacer uso de una única variable, que va a ser donde se va guardar el número que va a ingresar el usuario para hacer la lista de números en JavaScript, esa variable se va a inicializar en cero en caso de que el usuario no en ingrese ningún valor y se va a definir como una variable global para utilizarla en todo el código.

var num = 0;

Para pedir el número para generar la lista de números en JavaScript, se va a hacer uso de un prompt() que se encarga de pedir la información y al mismo tiempo se va a hacer uso de la función parseInt() que se encarga de convertir lo que ingresa el usuario a un número entero, para poder ser utilizado como un número general y ese valor se va a guardar en otra variable que se crea al mismo tiempo.

var quantity = parseInt(prompt("How many numbers: "));

Finalmente se va a aplicar un ciclo «for» que es el que se va encargar de imprimir en la consola del navegador cada uno de los números, iniciando desde cero hasta el número final que el usuario haya ingresado, aquí es muy importante utilizar el console.log() para que se imprima en consola la información, debido a que si en este ejemplo se imprimieran por medio de un alert() podría fallar el programa por saturación de información.

for (var i = 0; i < quantity; i++) {
    console.log("Number is:" + i);
}

Código completo

A continuación se presenta el código completo, el cual debe estar ingresado en un archivo con terminación .js para que funcione correctamente en nuestro navegador.

var num = 0;

var quantity = parseInt(prompt("How many numbers: "));

for (var i = 0; i < quantity; i++) {
    console.log("Number is:" + i);
}

Además de generar nuestro archivo con terminación .js debemos de crear un archivo HTML, en el cual debemos de ingresar el nombre de este archivo para que pueda ser utilizado en nuestro navegador. Esta etiqueta se debe colocar en el head de nuestro programa, ya que no debe ser visible para el usuario, pero sí es importante tenerlo, ya que de no ser así no correrá el programa correctamente.

<script src="javascript4.js"></script>

Si te interesa ver más ejercicios o más ejemplos sobre programas para incrementar tus conocimientos en desarrollo web, te recomiendo visitar mi página principal donde encontraras una gran cantidad de contenido sobre este tema.

Resultados en el navegador

Como resultado de nuestro código anteriormente realizado para generar una lista de números en JavaScript, vamos a tener primeramente una ventana como la que se presenta continuación, en la cual se le pide al usuario que ingrese el número.

Una vez que ingresó el usuario el número para la lista de números en JavaScript, la lista de números en JavaScript va a ser impresa en la consola de nuestro navegador, para lo cual debemos abrir las opciones de desarrollador de navegador que estemos utilizando.

En este caso como yo estoy utilizando Chrome, para abrir las funciones del navegador es necesario hacer clic derecho en cualquier parte de la pantalla y seleccionar la casilla de «inspeccionar», una vez abierta nuestra ventana de desarrollador, debemos de dar clic en la opción que dice Consola, y ahí se va a observar toda la lista de números que se ha generado de nuestro programa.