Con JavaScript podemos realizar múltiples funciones de lado del cliente y del lado del servidor, identificando en cual de los dos lados es mejor realizar ciertas acciones, normalmente dejamos de lado del cliente todas esas funciones sencillas y ligeras que no sobrecarguen el uso del navegador, a continuación veremos un ejemplo muy sencillo en el cual ponemos a prueba contar hasta un número determinado con JavaScript, sin duda será una de las muchas validaciones e iteraciones que en su momento necesitarás para tus proyectos Web.
Contar hasta un número determinado con JavaScript
Podemos un caso estudio: Se deberá pedir un número entre 1 y 100, al estar seguros de que el número ingresado está en el intervalo dado, se deberán generar los números comprendidos entre el 1 y el número ingresado.
Solicitar un número y validar que esté en el rango solicitado (1 – 100)
<script>
var variable = prompt("Por favor ingresa un número entre 1 - 100: ");
if (variable >=1 && variable <=100) {
alert("Aquí generamos los números, ya que está en el rango correcto");
}else{
alert("El número no está en el rango correcto");
}
</script>
Como podemos ver hacemos la validación apoyándonos en un condicional, al cual pasamos las dos condiciones necesarias, Si el número es mayor o igual a 1 y menor o igual a 100.
Generando los números desde el número 1 hasta el número que ingresa el usuario
Esta parte la hacemos haciendo uso de un ciclo repetitivo, para este ejemplo utilizaremos un ciclo for en JavaScript, hay que tener en cuenta que el tope de las iteraciones es el número que el usuario ingresa, este ciclo debemos colocarlo en la parte donde sabemos que el número es correcto osea donde colocamos el mensaje: Aquí generamos los números, ya que está en el rango correcto, veamos:
if (variable >=1 && variable <=100) {
for (var i = 1; i <= variable; i++) {
console.log(i);
}
Los números son impresos por la consola del navegador, si deseas puedes usar el objeto document si deseas imprimirlos en la página, o bien almacenarlos todos en una variable y mostrarlos en un mensaje (alert), todo depende como deseas llevar tu código.
Consolidando todo el código, tendríamos una página como la siguiente:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<title>Generar números</title>
</head>
<body>
<script>
var variable = prompt("Por favor ingresa un número entre 1 - 100: ");
if (variable >=1 && variable <=100) {
for (var i = 1; i <= variable; i++) {
console.log(i);
}
}else{
alert("El número no está en el rango correcto");
}
</script>
</body>
</html>