completed all exercises

script.js

@@ -8,3 +8,100 @@
   When I click on the 'go' button
     the bottom light should turn green.
 */
+
+
+var stopButton = document.getElementById("stopButton");
+var sbText = stopButton.textContent;
+stopButton.addEventListener("mouseenter", function() {
+    console.log("Entered " + sbText + " button")
+});
+
+stopButton.addEventListener("mouseleave", function() {
+    console.log("Left " + sbText + " button")
+})
+
+var slowButton = document.getElementById("slowButton");
+var slText = slowButton.textContent;
+slowButton.addEventListener("mouseenter", function() {
+    console.log("Entered " + slText + " button")
+});
+
+slowButton.addEventListener("mouseleave", function() {
+    console.log("Left " + slText + " button")
+})
+
+var goButton = document.getElementById("goButton");
+var goText = goButton.textContent;
+goButton.addEventListener("mouseenter", function() {
+    console.log("Entered " + goText + " button")
+});
+
+goButton.addEventListener("mouseleave", function() {
+    console.log("Left " + goText + " button")
+})
+
+
+
+var buttonArr = document.getElementsByClassName("button");
+for (var i=0;i<buttonArr.length;i++) {
+    var thisButton = buttonArr[i];
+    thisButton.addEventListener("click", function(event) {
+      var buttonPushedText = event.srcElement.textContent;
+      console.log(buttonPushedText);
+      var stopLight = document.getElementById("stopLight");
+      var slowLight = document.getElementById("slowLight");
+      var goLight = document.getElementById("goLight");
+      switch (buttonPushedText){
+          case "Stop":
+
+          if(stopLight.style.backgroundColor ==="red"){
+            stopLight.style.backgroundColor =  "#111";
+          }
+          else if(goLight.style.backgroundColor ==="green"){
+            stopLight.style.backgroundColor =  "#111";
+            goLight.style.backgroundColor =  "#111";
+            slowLight.style.backgroundColor = "yellow";
+            window.setTimeout(turnRed,5000);
+            function turnRed(){
+              slowLight.style.backgroundColor =  "#111";
+              stopLight.style.backgroundColor = "red";
+            }
+          }
+          else if((slowLight.style.backgroundColor === "yellow")||(stopLight.style.backgroundColor =  "#111")){
+          stopLight.style.backgroundColor = "red";
+          slowLight.style.backgroundColor =  "#111";
+          goLight.style.backgroundColor =  "#111";
+          }
+
+          else{
+
+          }
+          break;
+
+          case "Slow":
+
+          if(slowLight.style.backgroundColor ==="yellow"){
+            slowLight.style.backgroundColor =  "#111";
+          }
+          else{
+          slowLight.style.backgroundColor = "yellow";
+          stopLight.style.backgroundColor =  "#111";
+          goLight.style.backgroundColor =  "#111";
+          }
+          break;
+
+          case "Go":
+
+          if(goLight.style.backgroundColor ==="green"){
+            goLight.style.backgroundColor =  "#111";
+          }
+          else{
+          goLight.style.backgroundColor = "green";
+          stopLight.style.backgroundColor =  "#111";
+          slowLight.style.backgroundColor =  "#111";
+          }
+          break;
+
+      }
+    });
+}