From d1829d2ad7b292f5822eb205b25a3c089ef69388 Mon Sep 17 00:00:00 2001
From: Elian Echavarria <elianstanly431@gmail.com>
Date: Fri, 20 Jun 2025 15:44:39 -0400
Subject: [PATCH] elian-colors-done

---
 main.js | 26 ++++++++++++++++++++++++--
 1 file changed, 24 insertions(+), 2 deletions(-)

diff --git a/main.js b/main.js
index 79a0fd1..bc00c00 100644
--- a/main.js
+++ b/main.js
@@ -1,7 +1,29 @@
 // Please feel free to change the JS as you see fit! This is just a starting point.
 
+const colorDropdown = document.getElementById("color-select");
+const fillButton = document.getElementById("fill-grid");
+
+let selectedColor = colorDropdown.value;
+
+colorDropdown.addEventListener("change", () => {
+  selectedColor = colorDropdown.value;
+})
+
+
+
 const root = document.getElementById("root");
 root.addEventListener("click", (event) => {
-  console.log(event.target.tagName);
-  console.log(event.target);
+  // console.log(event.target.tagName);
+  // console.log(event.target);
+  if (event.target.tagName === "TD") {
+    event.target.style.backgroundColor = selectedColor;
+  }
 });
+
+
+fillButton.addEventListener('click', () => {
+  const cells = document.getElementsByTagName("td");
+  for (let i = 0; i < cells.length; i++) {
+    cells[i].style.backgroundColor = selectedColor;
+  }
+})