Welcome to the 31st Easy JavaScript tutorial, part of EasyProgramming.net. We took a look at Event Listeners in the 30th Easy JS tutorial, now lets get some practice and become masters at event listeners

This tutorial covers the rest of the event listeners on the list. I cover them very briefly but try to explain as much as I can. 

There are many kinds of events that your browser can listen for. Some examples are:

• Click/Double Click
• Mouse Over/Out
• Key Up/Down
• Scroll/Resize (window object)
• Focus
• Blur
• Load

Syntax of an Event Listener:

  element.addEventListener("event",function(){
    //do something when the event takes place
  });

Let's learn!

To fork the fiddle and follow along: https://jsfiddle.net/easyjs/tqLwnkzj/

Remember to checkout the Resources section below for associated downloadable content, JSFiddle links, and other resources. Watch the video and follow along!