7da04a348b
<!-- 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.
789 B
789 B
title
| 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.
<element onclick="event"></element>
eventcan be a JavaScript function or you can write raw JavaScript
Examples
Changing the color of a <p> element when clicked
<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:
<button onclick="alert('Hello')">Hello World</button>