En este artículo, estudiaremos la función onclick(). Onclick es un evento en JavaScript que proporciona una acción cuando el mouse hace clic en un elemento HTML. Entonces, por ejemplo, cuando hace clic en un botón en un sitio web o en la página de una aplicación, podemos usar el evento onclick para proporcionar una acción como mostrar un mensaje, etc.
Bien, vayamos directamente al ejemplo del uso del evento onclick en JavaScript. Cree un archivo .html y ejecute el siguiente programa.
Programa que utiliza la función de evento Onclick() en Javascript
|_+_|
Resultados :
He dado un evento si se hace clic en el botón cuando el usuario hace clic en mi botón de clic, cambiará el texto del párrafo con ¡Hola mundo!
Además de la forma de utilizar el evento onclik anterior, también existe una segunda forma de utilizar la función onclick en JavaScript. Echa un vistazo al siguiente programa.
.
Segunda forma de utilizar Onclick en Javascript
|_+_|
Si observa el programa anterior, la diferencia es que no usa el evento onclick en la etiqueta HTML y elimina la función click() en el script JavaScript. Utilizando document.querySelector() en javascript para seleccionar un elemento en la etiqueta html.
Resultados :
