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

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