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

title, localeTitle

title	localeTitle
Onclick Event Attribute	Atributo do Evento Onclick

Atributo do Evento Onclick

Quando o elemento é clicado, é acionado um evento.

Funciona exatamente como o método onclick ou o addEventListener('click') no elemento.

<element onclick="event"></element> 

event pode ser uma função JavaScript ou você pode escrever JavaScript bruto

Exemplos

Alterando a cor de um elemento <p> quando clicado

<p id="text" onclick="redify()">Change my color</p> 
 
 <script> 
 function redify(){ 
  let text = document.querySelector('#text'); 
  text.style.color = "red"; 
 } 
 </script> 

Usando o atributo onclick de JavaScript bruto:

<button onclick="alert('Hello')">Hello World</button> 

Mais Informações:

• MDN