Attribute – 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>

event can 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>

More Information:

This article needs improvement. You can help improve this article. You can also write similar articles and help the community.