consistency

.breathecode/resets/00-introduction/README_copy.md

@@ -0,0 +1,9 @@
+# Welcome to Javascript Events!
+
+During this tutorial we are going to go over Javascript Events.
+
+1. onClick
+2. Get values from event targets.
+3. Chance CSS properties with Javascript when events trigger.
+4. Waiting for the website to LOAD before doing anything (onLoad event)
+5. Implementing a simple counter when the user clicks.

exercises/00-introduction/README.es.md

@@ -0,0 +1,9 @@
+# ¡Bienvenido a Eventos en Javascript!
+
+En este tutorial estaremos viendo los eventos en Javascript
+
+1. Evento onClick
+2. Obtener los valores de los targets(obetivos) de los eventos
+3. Cambiar las propiedades del CSS con Javascript cuando suceda el evento
+4. Esperar a que el sitio web CARGUE(LOAD)antes de hacer nada(onLoad event)
+5. Implentar un contador simple(simple counter) cuando el usuario haga clic

exercises/01-alert-on-click/README.es.md

@@ -0,0 +1,13 @@
+# `01` Alerta On Click
+
+Puedes establecer funciones Event Listener para manejar cualquier tipo de eventos ¡La lista de eventos posibles es inmensa! Click, Double Click, Mouseover, Load, Print, etc... 
+
+En este código HTML hay 2 botones: uno tiene la función myClickFunction como listener de evento asignada al evento clic usando el evento onclick.
+
+# 📝 Instrucciones
+Añade la misma función como listener de evento al evento clic en el #button2.
+
+
+# 💡 PISTA: 
+Usa la propiedad de la etiqueta llamada "onclick" igual que en el otro botón.
+

exercises/02-on-click-Hello-World/README.es.md

@@ -0,0 +1,9 @@
+# `02` On Click Hello World
+
+Crea una función Listener de evento que sea llamada automáticamente cuando el usuario presione el botón que está en el lado HTML del ejercicio.
+
+## 💡 Pista: 
+
+Usa la propiedad onclick de la etiqueta input.
+
+Declara la función javascript en el index.js y establécela como listener en la propiedad input.

exercises/03-sum-values/README.es.md

@@ -0,0 +1,7 @@
+# `03` Suma Valores
+
+Completa la función calculateSumListener con el código necesario para imprimir la suma de los valores de los primeros dos input con el tercero.
+
+## 💡 Pista:
+
+Cuando obtienes el valor de un input, se recomienda convertir el valor a un número entero con la función parseInt. De esa forma te aseguras de que el resultado de 2 + 2 sea 4, en vez de 22. Si estas obteniendo 22 como resultado, significa que el valor del input esta siendo tratado como un string en vez de un número entero.

exercises/04-hide-on-click/README.es.md

@@ -0,0 +1,8 @@
+# `04` Oculta on click
+
+Completa la función myEventListener con el código necesario para ocultar el primer div del documento.
+
+
+## 💡 Pista:
+
+Para ocultae un elemento con javascript debes usar element.style.display

exercises/05-the-load-event/README.es.md

@@ -0,0 +1,10 @@
+# `05` El evento Load 
+
+Es una muy buena práctica esperar a que el navegador termine de cargar la página antes de iniciar el flujo de tu sitio web/aplicación, para hacerlo, usamos el evento LOAD.
+
+## 📝 Instrucciones
+Crea una función llamada loadListener que escuche al evento load y luego muestre una alerta con el string "loading finished..." cuando se la llame.
+
+## 💡 Pista:
+- El listener debe asignarse al body.
+- Así se añade un listener de evento a un evento load: http://www.w3schools.com/jsref/event_onload.asp

exercises/06-add-listener-with-js/README.es.md

@@ -0,0 +1,17 @@
+# `06` Añade Listener con JS
+
+A veces debemos añadir listener de eventos DURANTE EL TIEMPO DE EJECUCIÓN.
+
+La mejor forma de hacer eso es usando una función addEventListener a cualquier elemento del DOM que queramos empezar a escuchar.
+
+## 📝 Instrucciones:
+Ahora el código está escuchando la ejecución y muestra una alerta cuando el sitio web termina de cargar. Escribe el código necesatio para que se muestre una alerta que diga "wuju" cada vez que le des clic al botón verde.
+
+## 💡 PISTA
+Aquí está la documentación para añadir un listener de evento(addEventListener): https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener
+
+Usa la función `alert()`.
+
+Así debería verse la ejecución de tu sitio web:
+
+[06-add-listener-with-js](https://github.com/4GeeksAcademy/javascript-events-tutorial-exercises/blob/master/.breathecode/assets/a1mgdPD.gif?raw=true)

exercises/07-count-on-click/README.es.md

@@ -0,0 +1,7 @@
+# `07` Contar on Click
+
+Si tienes variables globales, puedes cambiar su valor durante el tiempo de ejecución usando los handlers de eventos. Por ejemplo, este código incrementa el valor de la variable counter cada vez que el usuario hace clic en el botón #increase.
+
+## 📝 Instrucciones
+
+Crea un botón que disminuya con una función handler de evento. La función debería disminuir la variable counter y actualizar la pantalla.

exercises/07.1-change-turn-on-click/README.es.md

@@ -0,0 +1,13 @@
+# `07.1` Cambio de Turno on Click
+
+Digamos que quieres crear una herramienta para cambiar de turno entre dos jugadores: Mario y Juan.
+
+Para eso hemos creado la variable global currentPlayer(jugador actual) y guardado el nombre del jugador actual en esa variable. Cada vez que haces clic en el botón, la variable cambia su valor a la del otro jugador.
+
+
+## 📝 Instructiones
+
+Cambia el código de la función turnChanger para añadir un tercer jugador llamado "Josh".
+
+## 💡 Pista
+Añade una condición else if ya sea para Juan o Josh y cambia el valor de currentUser consecuentemente.

exercises/08-event-target/README.es.md

@@ -0,0 +1,22 @@
+# `08` Target del Evento 
+
+Cada evento tiene información útil que puedes usar durante el tiempo de ejecución.
+
+Por ejemplo:
+- Si un usuario hace clic en un botón, sabes que bóton específico tocó el usuario.
+- Si la ventana está desplazada, puedes saber cuán desplazada está.
+- Si el usuario movió el mouse, puedes saber la posición del mouse.
+- ¡Y mucho más!
+
+Cuando declaras una función event-handler, puedes usar un parámetro opcional que contenga la información del evento de esta manera:
+`function myFunctionName(eventInformation){}`
+Este parámetro puede tener el nombre que quieras, y puedes estar seguro de que siempre contendrá la información del evento que la gatilló. Por ejemplo la propiedad 
+eventInformation.target devolverá el objeto que gatilló el evento.
+
+
+## 📝 Instrucciones
+Este sitio web ya tiene un listener cuando se hace un clic en el div #container. Por favor muestra una alerta con el id del elemento objetivo(el elemento al cual se le hizo clic).
+
+
+## 💡 Pista:
+Aquí está la documentación sobre event.target: http://www.w3schools.com/jsref/event_target.asp

exercises/08-event-target/README.md

@@ -9,7 +9,7 @@ For example:
 - and much more!
 
 When you declare any event-handler function, you can use an optional parameter that contains the event information like this:
-function myFunctionName(eventInformation){}
+`function myFunctionName(eventInformation){}`
 This parameter can have the name that you want, and you can trust that it will always contain the information of the event that was triggered. For example the eventInformation.target property will return the object that triggered the event.
 
 ## 📝 Instructions