CSE 154 Examples

The Click Event

Description :

In Javascript, when a DOM element is clicked, it fires off a "click" event. The "click" event can be caught using addEventListener in our Javascript and we can execute the code we want.

Example:

Click me to change my Text!

				 
	         let div = document.getElementById("change-text");
	         div.addEventListener("click", changeText); //The changeText() function is called in the event of a click

	         // Changes the text of the div to "Changed Text"
	         function changeText() {
	           document.getElementById("change-text").innerText = "Changed text!";
	         }