JavaScript Events and Event Listeners

What are Events in JavaScript?

In JavaScript, events are actions that occur in the browser, such as a user clicking a button, moving the mouse, or pressing a key. These events can be captured and handled using JavaScript to create interactive web pages.

An **event listener** is a function that waits for a specific event to occur on an HTML element, and when that event happens, the function is executed.

Example of JavaScript Events:

Here is an example where we listen for a "click" event on a button and change the text of the button when it is clicked:

Quiz: Test Your Knowledge

1. What is an event in JavaScript?

An action that occurs in the browser, like a click or key press.
A method that is used to select HTML elements.
A variable that stores user data.

2. What does an event listener do in JavaScript?

It waits for a specific event to occur and runs a function when it does.
It stores the event in a variable for future use.
It listens for network requests.

3. How do you attach an event listener to a button in JavaScript?

button.click("function")
button.addEventListener("click", function)
button.onClick(function)