Skip to content

Commit cd05e8e

Browse files
Maksumi Murakamijoaquinelio
andauthored
Realizado
/done Co-authored-by: joaquinelio <joaquinelio@gmail.com>
1 parent 62414a2 commit cd05e8e

4 files changed

Lines changed: 6 additions & 6 deletions

File tree

2-ui/2-events/01-introduction-browser-events/01-hide-other/task.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ importance: 5
22

33
---
44

5-
# Ocultar en el click
5+
# Ocultar con un click
66

77
Agrega JavaScript al `button` para hacer que `<div id="text">` desaparezca al clickearlo.
88

2-ui/2-events/01-introduction-browser-events/02-hide-self-onclick/task.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ importance: 5
44

55
# Ocultarse
66

7-
Crea un botón que se oculte así mismo al darle un click.
7+
Crea un botón que se oculte a sí mismo al darle un click.
88

99
```online
1010
Así:

2-ui/2-events/01-introduction-browser-events/06-hide-message/solution.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11

2-
Para agregar el botón podemos usar cualquiera de las opciones `position:absolute` y hacer el pane `position:relative`) o `float:right`. El `float:right` tiene la ventaja de que el botón no se encima con el texto, pero `position:absolute` da más libertad. Entonces la elección es tuya.
2+
Para agregar el botón podemos usar cualquiera de las opciones `position:absolute` (y hacer el panel `position:relative`) o `float:right`. El `float:right` tiene la ventaja de que el botón no se encima con el texto, pero `position:absolute` da más libertad. Entonces la elección es tuya.
33

44
Luego, para cada panel, el código puede ser así:
55
```js

2-ui/2-events/01-introduction-browser-events/article.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@ Hay muchos más eventos. Entraremos en detalle con eventos en particular en los
2828

2929
## Manejadores de eventos
3030

31-
Para reaccionar con eventos podemos asignar un *handler (manejador)* el cuál es una función que se ejecuta en caso de un evento.
31+
Para reaccionar con eventos podemos asignar un *handler (manejador)* el cual es una función que se ejecuta en caso de un evento.
3232

3333
Los handlers son una forma de ejecutar código JavaScript en caso de acciones por parte del usuario.
3434

@@ -46,7 +46,7 @@ Por ejemplo, para asignar un handler `click` para un `input` podemos usar `oncli
4646

4747
Al hacer click, el código dentro de `onclick` se ejecuta.
4848

49-
Toma en cuenta que dentro de `onclick` usamos comillas sencillas, porque el atributo en sí va entre comillas dobles. Si olvidamos que el código está dentro del atributo y usamos comillas dobles dentro, así: `onclick="alert("Click!")"`, no funcionará correctamente.
49+
Toma en cuenta que dentro de `onclick` usamos comillas simples, porque el atributo en sí va entre comillas dobles. Si olvidamos que el código está dentro del atributo y usamos comillas dobles dentro, así: `onclick="alert("Click!")"`, no funcionará correctamente.
5050

5151
Un atributo HTML no es un lugar conveniente para escribir un motón de código, así que mejor creamos una función JavaScript y la llamamos allí.
5252

@@ -224,7 +224,7 @@ element.addEventListener(event, handler, [options]);
224224
`options`
225225
: Un objeto adicional, opcional, con las propiedades:
226226
- `once`: si es `true` entonces el listener se remueve automáticamente después de activarlo.
227-
- `capture`: la fase en la que se controla el evento, que será cubierta en el capítulo <info:bubbling-and-capturing>. Por históricas razones, `options` también puede ser `false/true`, lo que es igual a `{capture: false/true}`.
227+
- `capture`: la fase en la que se controla el evento, que será cubierta en el capítulo <info:bubbling-and-capturing>. Por razones históricas, `options` también puede ser `false/true`, lo que es igual a `{capture: false/true}`.
228228
- `passive`: si es `true` entonces el handler no llamará a `preventDefault()`, esto lo explicaremos más adelante en <info:default-browser-action>.
229229

230230
Para remover el handler, usa `removeEventListener`:

0 commit comments

Comments
 (0)