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

title, localeTitle

title	localeTitle
Onclick Event Attribute	Onclick atributo de evento

Onclick atributo de evento

Cuando se hace clic en el elemento se dispara un evento.

Funciona igual que el método onclick o addEventListener('click') al elemento.

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

event puede ser una función de JavaScript o puede escribir JavaScript en bruto

Ejemplos

Cambiar el color de un elemento <p> al hacer clic

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

Usando el atributo onclick en bruto de JavaScript:

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

Más información:

• MDN