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:
committed by
mrugesh mohapatra
parent
153e1c9f38
commit
7da04a348b
@@ -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)
|
Reference in New Issue
Block a user