{"page":"\n\n
\n
\n
\n
\n
\n\nVideo\n
\n

\nThe Art of Doing - Web Development for Beginners - Processing Events\n

\n
\n
\nGet Free Access for 10 Days!\n
\n
\n
\n
\n
\n
×
\n\n\n
\n\nPublisher:\n\nCurated Video\n\n\n
\n
\nJavaScript can be executed when events occur on a web page. In this video, you will learn how to use the addEventListener() method to attach event handlers to elements and respond to events such as clicks, form submissions, and input...\nJavaScript can be executed when events occur on a web page. In this video, you will learn how to use the addEventListener() method to attach event handlers to elements and respond to events such as clicks, form submissions, and input changes. You will also learn how to pass information about the event to the event handler function.

This clip is from the chapter \"JavaScript - Working with the DOM\" of the series \"The Art of Doing - Web Development for Beginners\".In this section, we will dive into the Document Object Model (DOM) and learn how to work with HTML elements using JavaScript. We will explore methods such as getElementById() and querySelector() to access and manipulate elements on a web page. You will also learn about processing events using the addEventListener() method, getting input values from various form elements; finally, we will have a preview of our final course project where you will build a fully functional HTML/CSS/JS site with interactive JavaScript tools.\n
\n
\n\n
\n
\n
\n
\n

Resource Details

\n
\n
\n
\n
Curator Rating
\n
\n
\n
\n
\n
\n
Educator Rating
Not yet Rated
\n
\n
\n
\n
\n
Media Length
\n
21:46
\n
\n
\n
\n
\n
Grade
Higher Ed
\n
\n
\n
\n
\n
Subjects
STEM
3 more...
\n
\n
\n
\n
\n
Media Type
Instructional Videos
\n
\n
\n
\n
\n
Source:
\n
\nPackt - Web Development\n\n
\n
\n
\n
\n
\n
Date
\n
2023
\n
\n
\n
\n
\n\n
Language
English
\n
\n
\n
\n
\n
Audiences
For Teacher Use
2 more...
\n
\n
\n
\n
\n
Usage Permissions
Fine Print: Educational Use
\n
\n
\n
\n
\n
\n

Additional Materials

\n
\n\nSign in or Join Now
\" data-title=\"Get Full Access\" data-container=\"body\" rel=\"popover\" tabindex=\"0\" href=\"/subscription/new\">Video Transcript\n
\n
\n\nSign in or Join Now
\" data-title=\"Get Full Access\" data-container=\"body\" rel=\"popover\" tabindex=\"0\" href=\"/subscription/new\">Video Preview\n
\n
\n
\n

Concepts

\n
\n
html, javascript, color, chords
\n
\n\n\n
\n
\n
\n
\n

Additional Tags

\n
\n
web development, css, responsive web design, web design principles, user experience (ux) design, web development tools, front-end development, web design projects, set attribute, script file, query selector, dot client, html equals, random color, entire document, click listener, background color, hover chords, event handler, pointer event, html elements, event listener, click chords, hover event, mouse event, click event, event type, call client, console open, html page, hover, background, client, mouse, click
\n
\n\n\n
\n
\n
\n
\n

Classroom Considerations

\n
Best For: Explaining a topic
Video is ad-free
\n
\n
\n

Educator Ratings

\n
\n
\n
\n
\n
\n\nShow resource details\n
\n
\n\" data-title=\"Get Full Access\" data-container=\"body\" rel=\"popover\" tabindex=\"0\" aria-label=\"Play video: The Art of Doing - Web Development for Beginners - Processing Events\" href=\"/subscription/new\">\"The\n\n
\n
\n
\n\n\n\n"}