Member-only story

JavaScript Fundamentals: Understanding Events

Timothy Robards
11 min readMar 19, 2019

The interaction of JavaScript with HTML is handled through events. Events are actions that occur when either the user or the browser itself manipulates the page.

Some common events that occur with websites, are page loads, button clicks, key presses, hovers, form submissions, window resizing, to name but a few.

As developers, we can use these events to execute coded responses, such as displaying messages, validating data, reacting to a button clicks, and really anything else we can imagine.

If you haven’t already, check out my previous articles Mastering the DOM! Part 1 & Part 2. In these articles we learnt all about manually triggering changes by working with the DOM.

By learning about events, we’ll learn to bring everything together & truly make our websites interactive!

🤓 Want to stay up to date with web dev?
🚀 Want the latest news delivered right to your inbox?
🎉 Join a growing community of designers & developers!

Subscribe to my newsletter here → https://easeout.eo.page

Let’s now take a look at event handlers, event listeners, and event objects..

What are Event Handlers & Event Listeners?

--

--

Timothy Robards
Timothy Robards

Written by Timothy Robards

Freelancer, developer & author. Creator of 👉 https://easeout.co

No responses yet