fix: Update packages and fix local dev (#26907)

<!-- Please follow this checklist and put an x in each of the boxes, like this: [x]. It will ensure that our team takes your pull request seriously. -->

- [x] I have read [freeCodeCamp's contribution guidelines](https://github.com/freeCodeCamp/freeCodeCamp/blob/master/CONTRIBUTING.md).
- [x] My pull request has a descriptive title (not a vague title like `Update index.md`)
- [x] My pull request targets the `master` branch of freeCodeCamp.
This commit is contained in:
Stuart Taylor
2018-10-23 14:18:46 +01:00
committed by mrugesh mohapatra
parent 153e1c9f38
commit 7da04a348b
341 changed files with 17836 additions and 1026 deletions

View File

@@ -0,0 +1,43 @@
---
title: Onclick Event Attribute
localeTitle: Onclick atributo de evento
---
## Onclick atributo de evento
Cuando se hace clic en el elemento se dispara un evento.
Funciona igual que el _método onclick_ o `addEventListener('click')` al elemento.
```html
<element onclick="event"></element>
```
> `event` puede ser una función de JavaScript o puede escribir JavaScript en bruto
### Ejemplos
Cambiar el color de un elemento `<p>` al hacer clic
```html
<p id="text" onclick="redify()">Change my color</p>
<script>
function redify(){
let text = document.querySelector('#text');
text.style.color = "red";
}
</script>
```
Usando el atributo onclick en bruto de JavaScript:
```html
<button onclick="alert('Hello')">Hello World</button>
```
#### Más información:
* [MDN](https://developer.mozilla.org/pt-BR/docs/Web/API/GlobalEventHandlers/onclick)