freeCodeCamp/guide/english/html/attributes/onclick-event-attribute/index.md

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>

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:

• MDN