From 0fcd6b190d8d2c007a2216d3836670daafa4c7cc Mon Sep 17 00:00:00 2001
From: chris <chris@chrisedwards.tech>
Date: Mon, 25 May 2026 00:53:01 -0400
Subject: [PATCH] Fix ReferenceError by updating gameBoard to klondikeBoard

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

diff --git a/script.js b/script.js
index 7ae1107..8eb3dd0 100644
--- a/script.js
+++ b/script.js
@@ -425,7 +425,7 @@ document.addEventListener('DOMContentLoaded', () => {
     }
 
     function triggerBouncingCards() {
-        const boardRect = gameBoard.getBoundingClientRect();
+        const boardRect = klondikeBoard.getBoundingClientRect();
         const cardsToBounce = [];
 
         // Gather all top cards from foundations to start the bounce sequence
@@ -702,7 +702,7 @@ document.addEventListener('DOMContentLoaded', () => {
     }
 
     // ====== INPUT HANDLERS ======
-    gameBoard.addEventListener('click', e => {
+    klondikeBoard.addEventListener('click', e => {
         if (!isActive || isAutoCompleting) return;
 
         const clickedCardEl = e.target.closest('.card');
@@ -724,7 +724,7 @@ document.addEventListener('DOMContentLoaded', () => {
     });
     
     // Custom drag and drop functionality
-    gameBoard.addEventListener('dragstart', e => {
+    klondikeBoard.addEventListener('dragstart', e => {
         if (!isActive || isAutoCompleting) { e.preventDefault(); return; }
         const cardEl = e.target.closest('.card');
         if (!cardEl) { e.preventDefault(); return; }
@@ -780,7 +780,7 @@ document.addEventListener('DOMContentLoaded', () => {
         dragged.ghostEl.style.top = `${e.clientY - dragged.offsetY}px`;
     });
 
-    gameBoard.addEventListener('drag', e => {
+    klondikeBoard.addEventListener('drag', e => {
         if (dragged.ghostEl && e.clientX !== 0) {
             // Update ghost element position to follow the cursor
             dragged.ghostEl.style.left = `${e.clientX - dragged.offsetX}px`;
@@ -788,7 +788,7 @@ document.addEventListener('DOMContentLoaded', () => {
         }
     });
 
-    gameBoard.addEventListener('dragover', e => {
+    klondikeBoard.addEventListener('dragover', e => {
         e.preventDefault();
         
         const targetEl = e.target.closest('.card, .pile');
@@ -815,7 +815,7 @@ document.addEventListener('DOMContentLoaded', () => {
         }
     });
 
-    gameBoard.addEventListener('dragend', () => {
+    klondikeBoard.addEventListener('dragend', () => {
         // Clean up ghost element and reset state
         if (dragged.ghostEl) {
             dragged.ghostEl.remove();
@@ -828,7 +828,7 @@ document.addEventListener('DOMContentLoaded', () => {
         updateBoard(); // Re-render to ensure everything is correct
     });
 
-    gameBoard.addEventListener('drop', e => {
+    klondikeBoard.addEventListener('drop', e => {
         e.preventDefault();
         document.querySelectorAll('.drag-over').forEach(p => p.classList.remove('drag-over'));