Files
freeCodeCamp/mock-guide/spanish/html/attributes/onclick-event-attribute/index.md
Stuart Taylor 7da04a348b fix: Update packages and fix local dev (#26907)
<!-- Please follow this checklist and put an x in each of the boxes, like this: [x]. It will ensure that our team takes your pull request seriously. -->

- [x] I have read [freeCodeCamp's contribution guidelines](https://github.com/freeCodeCamp/freeCodeCamp/blob/master/CONTRIBUTING.md).
- [x] My pull request has a descriptive title (not a vague title like `Update index.md`)
- [x] My pull request targets the `master` branch of freeCodeCamp.
2018-10-23 18:48:46 +05:30

881 B

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: