From 05e943758ef5bc0b3446766cc5642df6771a6642 Mon Sep 17 00:00:00 2001
From: lolabird <octavia@octavianichols.com>
Date: Mon, 13 Nov 2023 09:45:15 -0700
Subject: [PATCH] Get knob working with touch

---
 script.js | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/script.js b/script.js
index 28a3358..3a5e014 100644
--- a/script.js
+++ b/script.js
@@ -42,12 +42,21 @@ transSlider.addEventListener("input", adjustTransparency);
 rangeSlider.addEventListener('input', changeSliderColor);
 
 gridSlider.addEventListener("input", getGridDimensions);
+
 rangeKnob.addEventListener("pointerdown", (e) => {
     document.addEventListener("pointermove", rotateKnob);
     document.addEventListener("pointerup", () => {
         document.removeEventListener("pointermove", rotateKnob);
     });
 });
+rangeKnob.addEventListener("touchstart", (e) => {
+    e.preventDefault();
+    rangeKnob.addEventListener("touchmove", rotateKnob);
+    rangeKnob.addEventListener("touchend", () => {
+        document.removeEventListener("touchmove", rotateKnob);
+    });
+});
+
 
 reset.addEventListener("click", resetGrid);
 
@@ -127,6 +136,7 @@ function createGrid() {
     const gridToggle = document.querySelector("#gridToggle");
 
     gridItems.forEach((item) => {
+        item.addEventListener("touchstart", colorGrid);
         item.addEventListener("pointerover", colorGrid);
     });