Skip to content
12 changes: 6 additions & 6 deletions exercises/00-introduction/README.es.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
# ¡Bienvenido a Eventos en Javascript!
# ¡Bienvenido a Eventos de JavaScript!

En este tutorial estaremos viendo los eventos en Javascript
En este tutorial estaremos viendo los eventos de JavaScript:

1. Evento onClick.

2. Obtener los valores de los targets(obetivos) de los eventos.
2. Obtener valores de objetivos de eventos (event targets).

3. Cambiar las propiedades del CSS con Javascript cuando suceda el evento.
3. Cambiar propiedades de CSS con JavaScript cuando suceda algún evento.

4. Esperar a que el sitio web CARGUE(LOAD)antes de hacer nada(`onLoad` event).
4. Esperar a que el sitio web CARGUE(LOAD) antes de hacer nada (evento `onLoad`).

5. Implentar un contador simple(simple counter) cuando el usuario haga clic.
5. Implementar un contador simple cuando el usuario haga clic.
10 changes: 5 additions & 5 deletions exercises/00-introduction/README.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
# Welcome to Javascript Events!
# Welcome to JavaScript Events!

During this tutorial we are going to go over Javascript Events:
During this tutorial, we are going to go over JavaScript Events:

1. onClick
1. onClick event.

2. Get values from event targets.

3. Change CSS properties with Javascript when events trigger.
3. Change 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.
5. Implementing a simple counter when the user clicks.
11 changes: 5 additions & 6 deletions exercises/01-alert-on-click/README.es.md
Original file line number Diff line number Diff line change
@@ -1,15 +1,14 @@
# `01` Alerta onclick
# `01` Alert onclick

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...
Puedes establecer funciones de 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
## 📝 Instrucciones:

1. Añade la misma función como listener de evento al evento clic en el `#button2`.

## 💡 Pista:

### 💡 Pista:

Usa la propiedad de la etiqueta llamada "onclick" igual que en el otro botón.
+ Usa la propiedad de la etiqueta llamada "onclick" igual que en el otro botón.

6 changes: 3 additions & 3 deletions exercises/01-alert-on-click/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,10 +4,10 @@ You can set Event Listener functions to handle any kind of events. The list of p

In this HTML code there are 2 buttons: one of them has `myClickFunction` as a listener assigned to the click event using the `onclick` event.

## 📝 Instructions
## 📝 Instructions:

1. Add that same function as an Event Listener to the click event in #button2.
1. Add that same function as an Event Listener to the click event in `#button2`.

### 💡 Hint:
## 💡 Hint:

+ Use the tag property called "onclick" just like in the other button.
4 changes: 2 additions & 2 deletions exercises/02-on-click-Hello-World/README.es.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,8 +4,8 @@

1. 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:
## 💡 Pistas:

- 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.
- Declara la función JavaScript en el `index.js` y establécela como listener en la propiedad input.
4 changes: 2 additions & 2 deletions exercises/02-on-click-Hello-World/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,8 +4,8 @@

1. Create an Event Listener function that will be automatically called when the user presses the button that is on the HTML side of the exercise.

## 💡 Hint:
## 💡 Hints:

- Use the `onclick` property of the input tag.

- Declare the javascript function in index.js and set it as a listener in the input property.
- Declare the JavaScript function in `index.js` and set it as a listener in the input property.
2 changes: 1 addition & 1 deletion exercises/02-on-click-Hello-World/index.js
Original file line number Diff line number Diff line change
@@ -1 +1 @@
//Declare your function here
// Declare your function here
2 changes: 1 addition & 1 deletion exercises/03-sum-values/README.es.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
# `03` Suma Valores
# `03` Sum Values

## 📝 Instrucciones:

Expand Down
2 changes: 1 addition & 1 deletion exercises/03-sum-values/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,4 +6,4 @@

## 💡 Hint:

When you get the value of an input, it is recommended to parse the value as an integer with the function `parseInt`. That way you make sure that the result of 2 + 2 is `4`, instead of `22`. If you are getting `22` as a result, it means that the value of the input is being treated as strings instead of integers.
+ When you get the value of an input, it is recommended to parse the value as an integer with the function `parseInt`. That way you make sure that the result of 2 + 2 is `4`, instead of `22`. If you are getting `22` as a result, it means that the value of the input is being treated as strings instead of integers.
14 changes: 7 additions & 7 deletions exercises/03-sum-values/index.js
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
// adding the function to the window makes it globally available
// Adding the function to the window makes it globally available
window.calculateSumListener = function() {
//Return the value of the input #firstNumber
var stringA = document.getElementById("firstNumber").value;
//Return the value of the input #secondNumber
var stringB = document.getElementById("secondNumber").value;

//your code goes here
// Return the value of the input #firstNumber
let stringA = document.getElementById("firstNumber").value;
// Return the value of the input #secondNumber
let stringB = document.getElementById("secondNumber").value;
// Your code here

};