sigonasr2/stoplight-event-exercise
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Improve the README

Browse Source
This commit is contained in:
Ryan Sobol 2016-11-11 06:16:15 -08:00
parent 8cfc31392b
commit 36ebf6f0b4
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
README.md
View File

@ -4,7 +4,7 @@ As always, fork and clone this repo.
![Screenshot of the stop bulb lit up](screenshot.png)
#### Part 1
## Part 1
Add JavaScript DOM event listeners to toggle the on/off state of three bulbs.
@ -14,26 +14,26 @@ Add JavaScript DOM event listeners to toggle the on/off state of three bulbs.
**TIP**: All three bulbs can be on/off independently of one another.
##### Resources
#### Resources
- [MDN - `Document.querySelector()`](https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector)
- [MDN - `EventTarget.addEventListener()`](https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener)
- [MDN - `click`](https://developer.mozilla.org/en-US/docs/Web/Events/click)
- [MDN - `background-color`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-color)
#### Part 2
## Part 2
Add new event listeners 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.
##### Resources
#### Resources
- [MDN - `mouseenter`](https://developer.mozilla.org/en-US/docs/Web/Events/mouseenter)
- [MDN - `mouseleave`](https://developer.mozilla.org/en-US/docs/Web/Events/mouseleave)
#### Bonus
## Bonus
Add **one** new event listener to log the state of each bulb.