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

Update README

Browse Source
This commit is contained in:
Ken McGrady 2016-05-12 10:47:40 -07:00
parent 8ab3a0c231
commit c0a7b0b853
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
README.md
View File

@ -4,6 +4,10 @@ As always, fork and clone this repo.
## Stoplight ## Stoplight
For this exercise, you will be creating a web page that looks like a spotlight with buttons that make changes to the light. Open up `script.js` in your editor for the directions. Once completed, try out the challenges and the bonus below.
![Screenshot of the stop bulb lit up](screenshot.png)
#### Challenge One: Button Click #### Challenge One: Button Click
Wire up the controls to the left of the stoplight so that when a button is clicked, the corresponding bulb will turn on and all others will turn off. Wire up the controls to the left of the stoplight so that when a button is clicked, the corresponding bulb will turn on and all others will turn off.
@ -26,8 +30,6 @@ Alter your event listeners to toggle the on/off state of each bulb. All three bu
* If the corresponding bulb is on when a user clicks a button, change the log message in your group event listener to say `"<textContent> bulb off"` * If the corresponding bulb is on when a user clicks a button, change the log message in your group event listener to say `"<textContent> bulb off"`
![Screenshot of the stop bulb lit up](screenshot.png)
## Hints ## Hints
* Retrieve a DOMElement with [`document.querySelector`](https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector) or similar method * Retrieve a DOMElement with [`document.querySelector`](https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector) or similar method