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

Revert "working model with bonuses"

Browse Source 
This reverts commit 8d168d8a3555dc4b872760bf0739f91c8dbf428d.
This commit is contained in:
Craig Quincy 2016-08-11 18:05:58 -06:00
parent 8d168d8a35
commit 495eff9794
1 changed files with 0 additions and 66 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
script.js
View File

@ -8,69 +8,3 @@
When I click on the 'go' button When I click on the 'go' button
the bottom light should turn green. the bottom light should turn green.
*/ */
var stopButton = document.querySelector("#stopButton");
var stopLight = document.getElementById('stopLight');
stopButton.addEventListener("click", function(){
var color;
stopLight.style.backgroundColor === "red" ? color = "" : color = "red";
stopLight.style.backgroundColor = color;
});
stopButton.addEventListener("mouseenter", function(){
console.log(`Entered ${this.textContent} button`);
});
stopButton.addEventListener("mouseleave", function(){
console.log(`Left ${this.textContent} button`);
});
var slowButton = document.querySelector("#slowButton");
var slowLight = document.getElementById('slowLight');
slowButton.addEventListener("click", function(){
var color;
slowLight.style.backgroundColor === "orange" ? color = "" : color = "orange";
slowLight.style.backgroundColor = color;
});
slowButton.addEventListener("mouseenter", function(){
console.log(`Entered ${this.textContent} button`);
});
slowButton.addEventListener("mouseleave", function(){
console.log(`Left ${this.textContent} button`);
});
var goButton = document.querySelector("#goButton");
var goLight = document.getElementById('goLight');
goButton.addEventListener("click", function(){
var color;
goLight.style.backgroundColor === "green" ? color = "" : color = "green";
goLight.style.backgroundColor = color;
});
goButton.addEventListener("mouseenter", function(){
console.log(`Entered ${this.textContent} button`);
});
goButton.addEventListener("mouseleave", function(){
console.log(`Left ${this.textContent} button`);
});
var controls = document.querySelector('#controls');
controls.addEventListener('click', function(event) {
var text = event.target.textContent;
var status;
if (text === 'Stop') {
status = stopLight.style.backgroundColor === 'red' ? 'on' : 'off';
} else if (text === 'Slow') {
status = slowLight.style.backgroundColor === 'orange' ? 'on' : 'off';
} else {
status = goLight.style.backgroundColor === 'green' ? 'on' : 'off';
}
console.log(`${text} bulb ${status}`);
});