From 32f58ce4d42846a67157cfde0082bf9445399dd6 Mon Sep 17 00:00:00 2001
From: lolabird <octavia@octavianichols.com>
Date: Sat, 11 Nov 2023 15:21:18 -0700
Subject: [PATCH] Expand mouse movement dection to document body

---
 script.js | 14 +++-----------
 1 file changed, 3 insertions(+), 11 deletions(-)

diff --git a/script.js b/script.js
index 690df2b..6252905 100644
--- a/script.js
+++ b/script.js
@@ -4,14 +4,13 @@ const grid = document.createElement("div");
 const gridSlider = document.querySelector("#gridSlider");
 gridSlider.defaultValue = 16;
 const sliderLabel = document.querySelector("#sliderLabel");
+const rangeKnob = document.querySelector("#range-knob");
 let numGrid;
 const buttons = document.querySelectorAll(".pen");
 const colorPicker = document.querySelector("#custom-color");
 let colorValue;
 const backColorPicker = document.querySelector("#back-col-picker");
 const reset = document.querySelector("#reset");
-const rangeKnob = document.querySelector("#range-knob");
-let isDragging;
 
 
 //the next few variables are set to be used to test if 
@@ -39,20 +38,13 @@ reset.addEventListener("click", resetGrid);
 gridSlider.addEventListener("input", getGridDimensions);
 gridSlider.addEventListener("change", getGridDimensions);
 rangeKnob.addEventListener("mousedown", (e) => {
-    isDragging = true;
-
-    if (isDragging) {
-        document.addEventListener("mousemove", rotateKnob);
-    }
-
+    document.addEventListener("mousemove", rotateKnob);
     document.addEventListener("mouseup", () => {
-        isDragging = false;
         document.removeEventListener("mousemove", rotateKnob);
     });
-
-    console.log(isDragging);
 });
 
+
 function resetGrid() {
     gridSlider.value = gridSlider.defaultValue;
     container.style.backgroundColor = "#ffffff";