From cc2571dd50d364c8a20cb48e616a287d9e1179df Mon Sep 17 00:00:00 2001
From: lolabird <octavia@octavianichols.com>
Date: Fri, 10 Nov 2023 18:56:00 -0700
Subject: [PATCH] Create separate reset function and get default value for
 slider working

---
 script.js | 40 ++++++++++++++++++++++------------------
 1 file changed, 22 insertions(+), 18 deletions(-)

diff --git a/script.js b/script.js
index fc88036..96170be 100644
--- a/script.js
+++ b/script.js
@@ -9,6 +9,8 @@ const backColorPicker = document.querySelector("#back-col-picker")
 let colorValue;
 let numGrid; //= gridSlider.value;
 let sliderLabel = document.querySelector("#sliderLabel");
+gridSlider.defaultValue = 16;
+
 
 
 //the next few variables are set to be used to test if 
@@ -31,13 +33,32 @@ buttons.forEach((button) => {
 
 colorPicker.addEventListener("input", changeColor);
 backColorPicker.addEventListener("input", pickBackground);
-reset.addEventListener("click", getGridDimensions);
+reset.addEventListener("click", resetGrid);
+gridSlider.addEventListener("input", getGridDimensions);
 
 
 function pickBackground() {
     container.style.backgroundColor = backColorPicker.value;
 }
 
+function resetGrid() {
+    gridSlider.value = gridSlider.defaultValue;
+    getGridDimensions();
+}
+
+function getGridDimensions() {   
+    container.style.backgroundColor = "#ffffff";
+    backColorPicker.value = "#ffffff";
+    colorPicker.value = "#000000";
+    colorValue = "black";
+    numGrid = gridSlider.value;
+    
+    while (container.firstChild) {
+        container.removeChild(container.lastChild);
+    }
+    createGrid();
+}
+
 
 function createGrid() {
     numGrid = gridSlider.value;
@@ -60,23 +81,6 @@ function createGrid() {
     gridItems.forEach((item) => {
         item.addEventListener("mouseover", colorGrid);
     });
-
-    gridSlider.addEventListener("input", getGridDimensions);
-}
-
-
-function getGridDimensions() {   
-    container.style.backgroundColor = "#ffffff";
-    backColorPicker.value = "#ffffff";
-    colorPicker.value = "#000000";
-    colorValue = "black";
-    gridSlider.defaultValue = 16;
-    numGrid = gridSlider.defaultValue;
-    
-    while (container.firstChild) {
-        container.removeChild(container.lastChild);
-    }
-    createGrid();
 }