From d07256487dcc2c6b66cdf8d829bda510030148c5 Mon Sep 17 00:00:00 2001 From: "Shelton.Seaborn" Date: Thu, 1 Sep 2022 15:12:13 -0700 Subject: [PATCH 1/3] feature 1 complete --- index.js | 44 ++++++++++++++++++++++++++++++++++++++++---- 1 file changed, 40 insertions(+), 4 deletions(-) diff --git a/index.js b/index.js index 03cc920..bad7f5c 100644 --- a/index.js +++ b/index.js @@ -1,5 +1,41 @@ -(function() { - 'use strict'; +var redOn = false +let stopButton = document.getElementById('stopButton'); +let stopLight = document.getElementById('stopLight'); + // add event listener to detect a click event for the stop button + stopButton.addEventListener('click', () => { + if (redOn === false) { + stopLight.style.background = "red"; + return redOn = true; + } else { + stopLight.style.background = "black"; + return redOn = false; + } + }); - // YOUR CODE HERE -})(); +var yellowOn = false +let slowButton = document.getElementById('slowButton'); +let slowLight = document.getElementById('slowLight'); + + slowButton.addEventListener('click', () => { + if (yellowOn === false) { + slowLight.style.background = "yellow"; + return yellowOn = true; + } else { + slowLight.style.background = "black"; + return yellowOn = false; + } +}); + +var greenOn = false +let goButton = document.getElementById('goButton'); +let goLight = document.getElementById('goLight'); + + goButton.addEventListener('click', () => { + if (greenOn === false) { + goLight.style.background = "green"; + return greenOn = true; + } else { + goLight.style.background = "black"; + return greenOn = false; + } +}); \ No newline at end of file From bfdcd743ae6fdcbefffe00bec1fcbb840ceb77c5 Mon Sep 17 00:00:00 2001 From: "Shelton.Seaborn" Date: Thu, 1 Sep 2022 15:26:34 -0700 Subject: [PATCH 2/3] feature 2 complete --- index.js | 32 ++++++++++++++++++++++++++++++++ 1 file changed, 32 insertions(+) diff --git a/index.js b/index.js index bad7f5c..f6b1b3f 100644 --- a/index.js +++ b/index.js @@ -12,6 +12,18 @@ let stopLight = document.getElementById('stopLight'); } }); + //add event listener to detect a mouse event for the stop button + stopButton.addEventListener('mouseenter', () => { + console.log('Entered stop button') + }); + + //add event listner to log mouse leave event for the stop button + stopButton.addEventListener('mouseleave', () => { + console.log('Left stop button') + }); + + + var yellowOn = false let slowButton = document.getElementById('slowButton'); let slowLight = document.getElementById('slowLight'); @@ -26,6 +38,16 @@ let slowLight = document.getElementById('slowLight'); } }); +//add event listener to detect a mouse event for the slow button +slowButton.addEventListener('mouseenter', () => { + console.log('Entered slow button') +}); + +//add event listener to detect a mouse event for the slow button +slowButton.addEventListener('mouseleave', () => { + console.log('Left slow button') +}); + var greenOn = false let goButton = document.getElementById('goButton'); let goLight = document.getElementById('goLight'); @@ -38,4 +60,14 @@ let goLight = document.getElementById('goLight'); goLight.style.background = "black"; return greenOn = false; } +}); + +//add event listener to detect a mouse event for the go button +goButton.addEventListener('mouseenter', () => { + console.log('Entered go button') +}); + +//add event listener to detect a mouse event for the go button +goButton.addEventListener('mouseleave', () => { + console.log('Left go button') }); \ No newline at end of file From 0657ee974f4a95dc83947f2527f9733d63147992 Mon Sep 17 00:00:00 2001 From: "Shelton.Seaborn" Date: Fri, 2 Sep 2022 07:36:43 -0700 Subject: [PATCH 3/3] feature complete --- index.js | 25 ++++++++++++++++++------- 1 file changed, 18 insertions(+), 7 deletions(-) diff --git a/index.js b/index.js index f6b1b3f..fdf4d12 100644 --- a/index.js +++ b/index.js @@ -1,20 +1,27 @@ + +let body = document.getElementById('body'); + var redOn = false let stopButton = document.getElementById('stopButton'); let stopLight = document.getElementById('stopLight'); // add event listener to detect a click event for the stop button - stopButton.addEventListener('click', () => { + stopButton.addEventListener('click', (event) => { if (redOn === false) { stopLight.style.background = "red"; + //if the stop light is enabled, log " bulb on" + console.log(`${event.target.id} bulb on`) return redOn = true; } else { stopLight.style.background = "black"; + //if the stop light is disabled, log " bulb off" + console.log(`${event.target.id} bulb off`) return redOn = false; } }); - //add event listener to detect a mouse event for the stop button - stopButton.addEventListener('mouseenter', () => { - console.log('Entered stop button') + //add event listener to detect a mouse enter event for the stop button + stopButton.addEventListener('mouseenter', (event) => { + console.log(`Entered ${event.target.id}`) }); //add event listner to log mouse leave event for the stop button @@ -27,13 +34,15 @@ let stopLight = document.getElementById('stopLight'); var yellowOn = false let slowButton = document.getElementById('slowButton'); let slowLight = document.getElementById('slowLight'); - - slowButton.addEventListener('click', () => { +// add event listner to detect a click event for the slow button + slowButton.addEventListener('click', (event) => { if (yellowOn === false) { slowLight.style.background = "yellow"; + console.log(`${event.target.id} bulb on`) return yellowOn = true; } else { slowLight.style.background = "black"; + console.log(`${event.target.id} bulb off`) return yellowOn = false; } }); @@ -52,12 +61,14 @@ var greenOn = false let goButton = document.getElementById('goButton'); let goLight = document.getElementById('goLight'); - goButton.addEventListener('click', () => { + goButton.addEventListener('click', (event) => { if (greenOn === false) { goLight.style.background = "green"; + console.log(`${event.target.id} bulb on`) return greenOn = true; } else { goLight.style.background = "black"; + console.log(`${event.target.id} bulb off`) return greenOn = false; } });