Aprende Javascript con este ejercicio

Aprende a programar en javascript

Aprender a programar en Javascript es una de las tendencias en el mundo de la programación.

Si tú estas comenzando en el mundo de la programación o al desarrollo web particularmente, esta práctica te va a ayudar a entender los conceptos básicos de Javascript.

Vamos a realizar un programa bastante dinámico, explicado prácticamente como si fuese peras y manzanas.

La idea de este programa es que realicemos un contador donde vamos a seleccionar un numero totalmente aleatorio y si el numero es par va a sumar 1. y si el numero es impar restamos 1.

Vamos a contar 1000 veces y veremos si el resultado nos da negativo o positivo.

Comencemos.

Vamos a crear un elemento div y le vamos a añadir un id, este id nos va a servir capturar este div desde javasciprt, el id va a tener como valor elNumerito para tenerlo bien identificado

<div id="elNumerito"></div>

Ahora desde javascript creamos una variable donde vamos a almacenar nuestro elemento div#elNumerito

Lee más sobre variables en Javascript

let laCajita = document.getElementById('elNumerito')

document hace referencia a todo el documento de la pagina web.

getElementById es un método que nos permite obtener un elemento del documento por su propiedad id

Si no sabes que es un método, cuando comiences a tratar con programación orientada a objetos seguro lo entenderás mejor. De momento no nos importa.

También vamos a crear una variable que llamaremos contador que va a llevar la cuenta.

let contador = 0

Vamos a crear una función y su propósito será cambiar el valor de su contenido, al valor de nustro contador.

Para crear un función, utilizamos la palabra reservada function seguido del nombre de la funtion, de la siguiente forma:

function agregarALaCaja( ){
	laCajita.innerHTML = contador
}

Leer más sobre las funciones en javascript

Ahora vamos a crear nuestro ciclo, de 1000 iteraciones, es muy facil.

Hay varia formas de declarar ciclos en Javascript, esta puede ser la mas común.

for( numeroDeCiclo = 1; numeroDeCiclo <= 1000; numeroDeCiclo++ ){
	
}

Vemos que creamos una variabl numeroDeCiclo = 1 Si numeroDeCiclo es menor o igual a 1000, entonces numeroDeCiclo aumenta.

El operador ++ suma 1 a esa variable, y el resta 1. El ciclo puede comenzar desde del 1000 y terminar en 0 y viceversa

Aprende más sobre los Operadores lógicos y Operadores Ariméticos

Aprende más sobre los Ciclos en Javascript

Ahora vamos a crear nuestro numero aleatorio (todo dentro del bucle):

let numeroAleatorio = parseInt( Math.random() * 100 )

Ya sé que te explotó la cabeza.

Math es un objeto predeterminado de Javascript que hace operaciones matemáticas. random es un método que devuelve un numero entre 0 y 1, ej: 0.9736165452

Ese numero lo multiplicamos por 100, para que de un numero entre 0 y 100, ej: 97.36165452

parseInt es una funcion reservada de Javascript que quita los decimales de un numero (No redondea), y quedaría: 97

Aprende mas obre el Objeto Math de Javascript

Ahora, quiero saber si mi numero random es par o impar.

let esPar = numeroAleatorio % 2

Este señor (%) devuelve el residuo de una división. Es un poco complejo de explicar en un par de lineas. Pero de repente si te lees la guía de Operadores Aritméticos te sale a la primera

Quedémonos con que si colocamos variable % 2 (Importante el 2), y el valor que devuelve es 0, es par y si es 1 es impar (solo por esta ocación).

Ahora que ya podemos saber si nuestro numero es impar o no, podemos condicionarlo y hacer las operaciones en nuestro conatdor

if( esPar ){
  contador++
}else{
  contador--
}

Y después que realizamos las operaciones, acregamos el valor a nuestra caja, ejecutando la funcion.

agregarALaCaja()

Y listo, pruébalo y ve los resultados de tu programa.

es muy interesante los resultados, ya que en una iteración de 1000 veces, los resultados suelen ser entre -20 0 30 incluso 100.

Puedes ver el resultado de esta práctica aqui

Artículos que podrían gustarte