Working With Web APIs - Event Listeners

Lab Steps

lock
Introduction to HTML and CSS Labs
lock
Adding an Event Listener to a Button
lock
Adding Event Prevention to Form
lock
Getting the Input Value of the Form
lock
Clearing the Input Value of the Form
lock
Testing Out the Task List Application

The hands-on lab is part of this learning path

Ready for the real environment experience?

DifficultyBeginner
Time Limit45m
Students6
Ratings
5/5
starstarstarstarstar

Description

In this lab, you will be working with Event Listeners to complete a task list application. An event listener is a function that waits for a specific page interaction, such as a mouse click, to occur. Event listeners can bind to many different page events.
About the Author
Students3495
Labs23
Courses54
Learning paths24

Farish has worked in the EdTech industry for over six years. He is passionate about teaching valuable coding skills to help individuals and enterprises succeed.

Previously, Farish worked at 2U Inc in two concurrent roles. Farish worked as an adjunct instructor for 2U’s full-stack boot camps at UCLA and UCR. Farish also worked as a curriculum engineer for multiple full-stack boot camp programs. As a curriculum engineer, Farish’s role was to create activities, projects, and lesson plans taught in the boot camps used by over 50 University partners. Along with these duties, Farish also created nearly 80 videos for the full-stack blended online program.

Before 2U, Farish worked at Codecademy for over four years, both as a content creator and part of the curriculum experience team.

Farish is an avid powerlifter, sushi lover, and occasional Funko collector.

Covered Topics