Events

Resources

Videos

LinkedIN Learning chapter 7.

Mozilla Developer Network

Introduction to events
addEventListener()
preventDefault()
Event Bubbling
Popular events to handle are: click, mouseover, mouseout, mousemove, keydown, keyup, keypress, submit, focus, blur, scroll

Instructions

Read the instructions in topics/events.starter.js

1 — click

Click the button to show an alert

2 — mouse events

Hover over the square to color it

3 — preventing the default action

Click on the link and show the hidden message

Click here

Never gonna give you up 🎵.

4 — event Bubbling

Hover over a square to color it, without manually adding 4 events