diff --git a/script.js b/script.js index 2858b7c..cc3bdb4 100644 --- a/script.js +++ b/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