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,39 @@
---
title: Onclick Event Attribute
---
## Onclick Event Attribute
When the element is clicked fires a event.
It works just like the *onclick method* or `addEventListener('click')` to the element.
```html
<element onclick="event"></element>
```
> `event` can be a JavaScript function or you can write raw JavaScript
### Examples
Changing the color of a ```<p>``` element when clicked
```html
<p id="text" onclick="redify()">Change my color</p>
<script>
function redify(){
let text = document.querySelector('#text');
text.style.color = "red";
}
</script>
```
Using raw JavaScript onclick attribute:
```html
<button onclick="alert('Hello')">Hello World</button>
```
#### More Information:
- [MDN](https://developer.mozilla.org/pt-BR/docs/Web/API/GlobalEventHandlers/onclick)