Skip to content

Practice listening for and handling JavaScript DOM Events

Notifications You must be signed in to change notification settings

ClarkDylan/stoplight-event-exercise

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

32 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Stoplight Exercise

As always, fork and clone this repository.

Part 1

Add DOM event listeners and handlers to toggle the on/off state of three bulbs.

TIP: All three bulbs can be on/off independently of one another.

Resources

Part 2

Add new DOM event listeners and handlers to log the mouse state of each button.

  • When a user's mouse enters a button, log "Entered <textContent> button" to the console.
  • When a user's mouse leaves a button, log "Left <textContent> button" to the console.

TIP: Each event type will need a separate event listener.

Resources

Bonus

Add one DOM event listener and one handler to log the state of each bulb.

  • When a user clicks a button that just turned on, log"<textContent> bulb on" to the console.
  • When a user clicks a button that just turned off, log"<textContent> bulb off" to the console.

TIP: A click on only a button should cause a message to be logged to the console.

Resources

About

Practice listening for and handling JavaScript DOM Events

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 62.1%
  • CSS 19.9%
  • HTML 18.0%