Introduction to Web APIs: Event Listeners

8m 34s

This practical lesson offers an introduction to Web APIs: Event Listeners and explores event listener use cases with an HTML form.

Learning Objectives

  • Learn how to add an event listener to a queried element
  • Learn about the submit and click event
  • Learn how to capture data from a form
  • Learn how to clear the form inputs after the event is triggered

Intended Audience

This lesson is intended for anyone who wants to learn about Web APIs and Event Listeners.


Anyone with an interest in Web APIs and Event Listeners in general.

The following lesson is a primer on Web APIs and the DOM: Introduction to Web APIs and the DOM

The following lesson is a primer on HTML Forms: Introduction to HTML Forms


About the Author
Farish Kashefinejad, opens in a new tab
Full-Stack Development Content Creator
Learning paths

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