From 69bbf7b64f1c1761cb44495ef33e74d3476d22cf Mon Sep 17 00:00:00 2001
From: lolabird <octavia@octavianichols.com>
Date: Fri, 10 Nov 2023 17:32:29 -0700
Subject: [PATCH] Clean up code

---
 script.js | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/script.js b/script.js
index 33afe14..dd91d46 100644
--- a/script.js
+++ b/script.js
@@ -6,8 +6,8 @@ const buttons = document.querySelectorAll(".pen");
 const colorPicker = document.querySelector("#custom-color");
 const reset = document.querySelector("#reset");
 const backColorPicker = document.querySelector("#back-col-picker")
-let colorValue = "black";
-let numGrid = gridSlider.value;
+let colorValue;
+let numGrid; //= gridSlider.value;
 let sliderLabel = document.querySelector("#sliderLabel");
 
 //the next few variables are set to be used to test if 
@@ -22,7 +22,7 @@ let isWhite;
 let isErase;
 
 
-createGrid();
+getGridDimensions();
 
 buttons.forEach((button) => {
     button.addEventListener ("click", changeColor);
@@ -39,6 +39,7 @@ function pickBackground() {
 
 
 function createGrid() {
+    numGrid = gridSlider.value
     const gridArea = numGrid ** 2;
     const gridWidth = 100 / numGrid;
 
@@ -64,12 +65,12 @@ function createGrid() {
 
 
 function getGridDimensions() {   
-    //gridSlider.value = 16;
+    gridSlider.defaultValue = 16;
     container.style.backgroundColor = "#ffffff";
     backColorPicker.value = "#ffffff";
     colorPicker.value = "#000000";
+    colorValue = "black";
     
-    numGrid = gridSlider.value;
     while (container.firstChild) {
         container.removeChild(container.lastChild);
     }