From the course: HTML, CSS, and JavaScript: Building the Web
Join today to access over 25,000 courses taught by industry experts.
Adding event handling
From the course: HTML, CSS, and JavaScript: Building the Web
Adding event handling
- [Instructor] Today, we're going to learn about event handling in JavaScript. Event handling allows us to listen for and respond to user actions like clicks, drags and more. This is a key part of making our webpage interactive. In this lesson, we'll add event listeners to our plant elements to handle the drag event. we'll update our script.js file to listen for when the user clicks on a plant element and starts dragging it. Before we continue on, let's talk about event listeners. Event listeners are functions that wait for specific events to occur, and then execute a predefined code in response to those events. Let's break down some key components of event listeners. First, there's event types. Events in JavaScript can be triggered by user interactions like clicks or key presses, or even changes in the document, like resizing. Next, there's targets. Every event is associated with a particular element in the DOM. We call this the event target. For example, if you click on a button…
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.
