Skip to content

Commit a18c5fe

Browse files
authored
Merge pull request #5 from ElviraQDP/master
ireviewing instructions
2 parents 9ba1537 + 2254f67 commit a18c5fe

File tree

20 files changed

+134
-75
lines changed

20 files changed

+134
-75
lines changed

exercises/00-introduction/README.es.md

Lines changed: 9 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,12 @@
22

33
En este tutorial estaremos viendo los eventos en Javascript
44

5-
1. Evento onClick
6-
2. Obtener los valores de los targets(obetivos) de los eventos
7-
3. Cambiar las propiedades del CSS con Javascript cuando suceda el evento
8-
4. Esperar a que el sitio web CARGUE(LOAD)antes de hacer nada(onLoad event)
9-
5. Implentar un contador simple(simple counter) cuando el usuario haga clic
5+
1. Evento onClick.
6+
7+
2. Obtener los valores de los targets(obetivos) de los eventos.
8+
9+
3. Cambiar las propiedades del CSS con Javascript cuando suceda el evento.
10+
11+
4. Esperar a que el sitio web CARGUE(LOAD)antes de hacer nada(`onLoad` event).
12+
13+
5. Implentar un contador simple(simple counter) cuando el usuario haga clic.
Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,13 @@
11
# Welcome to Javascript Events!
22

3-
During this tutorial we are going to go over Javascript Events.
3+
During this tutorial we are going to go over Javascript Events:
44

55
1. onClick
6+
67
2. Get values from event targets.
7-
3. Chance CSS properties with Javascript when events trigger.
8-
4. Waiting for the website to LOAD before doing anything (onLoad event)
8+
9+
3. Change CSS properties with Javascript when events trigger.
10+
11+
4. Waiting for the website to LOAD before doing anything (`onLoad` event).
12+
913
5. Implementing a simple counter when the user clicks.
Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,15 @@
1-
# `01` Alerta On Click
1+
# `01` Alerta onclick
22

33
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...
44

5-
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.
5+
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`.
66

7-
# 📝 Instrucciones
8-
Añade la misma función como listener de evento al evento clic en el #button2.
7+
## 📝 Instrucciones
98

9+
1. Añade la misma función como listener de evento al evento clic en el `#button2`.
10+
11+
12+
### 💡 Pista:
1013

11-
# 💡 PISTA:
1214
Usa la propiedad de la etiqueta llamada "onclick" igual que en el otro botón.
1315

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
1-
# `01` Alert On Click
1+
# `01` Alert onclick
22

33
You can set Event Listener functions to handle any kind of events. The list of possible events is huge! Click, Double Click, Mouseover, Load, Print, etc...
44

5-
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.
5+
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.
66

7-
# 📝 Instructions
7+
## 📝 Instructions
88

9-
Add that same function as an Event Listener to the click event in #button2.
9+
1. Add that same function as an Event Listener to the click event in #button2.
1010

11-
# 💡 HINT:
11+
### 💡 Hint:
1212

1313
Use the tag property called "onclick" just like in the other button.
Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,11 @@
1-
# `02` On Click Hello World
1+
# `02` onclick Hello World
22

3-
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.
3+
## 📝 Instrucciones:
4+
5+
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.
46

57
## 💡 Pista:
68

7-
Usa la propiedad onclick de la etiqueta input.
9+
- Usa la propiedad `onclick` de la etiqueta input.
810

9-
Declara la función javascript en el index.js y establécela como listener en la propiedad input.
11+
- Declara la función javascript en el index.js y establécela como listener en la propiedad input.
Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,11 @@
1-
# `02` On Click Hello World
1+
# `02` onclick Hello World
22

3-
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.
3+
## 📝 Instructions:
4+
5+
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.
46

57
## 💡 Hint:
68

7-
Use the onclick property of the input tag.
9+
- Use the `onclick` property of the input tag.
810

9-
Declare the javascript function in index.js and set it as a listener in the input property.
11+
- Declare the javascript function in index.js and set it as a listener in the input property.
Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
# `03` Suma Valores
22

3-
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.
3+
## 📝 Instrucciones:
4+
5+
1. 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.
46

57
## 💡 Pista:
68

7-
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.
9+
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/03-sum-values/README.md

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
11
# `03` Sum Values
22

3-
Fill the calculateSumListener function with the code needed to print the sum of the values of the first two inputs into the third one.
3+
## 📝 Instructions:
4+
5+
1. Fill the `calculateSumListener` function with the code needed to print the sum of the values of the first two inputs into the third one.
46

57
## 💡 Hint:
68

7-
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.
9+
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.
Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,10 @@
1-
# `04` Oculta on click
1+
# `04` Oculta onclick
22

3-
Completa la función myEventListener con el código necesario para ocultar el primer div del documento.
3+
## 📝 Instrucciones:
4+
5+
1. Completa la función `myEventListener` con el código necesario para ocultar el primer `div` del documento.
46

57

68
## 💡 Pista:
79

8-
Para ocultae un elemento con javascript debes usar element.style.display
10+
Para ocultar un elemento en javascript debes usar **element.style.display**
Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,9 @@
1-
# `04` Hide on click
1+
# `04` Hide onclick
22

3-
Fill the myEventListener function with the code needed to hide the first div of the document.
3+
## 📝 Instructions:
4+
5+
1. Fill the `myEventListener` function with the code needed to hide the first `div` of the document.
46

57
## 💡 Hint:
68

7-
To hide an element with javascript your need to do element.style.display
9+
To hide an element with javascript your need to do **element.style.display**

0 commit comments

Comments
 (0)