From fb8071b5dc0659f2e478bee7c1814b183a883182 Mon Sep 17 00:00:00 2001
From: Guerrero96 <erik.guerrero2@mavs.uta.edu>
Date: Wed, 1 May 2024 22:42:47 -0500
Subject: [PATCH] Update index.html

refresh button
---
 html/index.html | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/html/index.html b/html/index.html
index 509bd73..c6b5963 100644
--- a/html/index.html
+++ b/html/index.html
@@ -126,6 +126,8 @@ <h3>Current Words</h3>
         </div>
     </div>
 
+    <button id="refreshButton">Refresh</button>
+
     <script>
         var connection = null;
         var serverUrl = "ws://" + window.location.hostname + ":9108";
@@ -184,6 +186,7 @@ <h3>Current Words</h3>
         function setupGameScreen(grid, players) {
             document.getElementById('lobby-container').style.display = 'none';
             document.getElementById('game-container').style.display = 'block';
+            document.getElementById('players-in-lobby').innerHTML = '';
 
             var gridTable = document.getElementById('game-grid');
             gridTable.innerHTML = '';
@@ -389,7 +392,12 @@ <h3>Current Words</h3>
             connection.send(JSON.stringify({ action: "ready" }));
             document.getElementById("ready-button").disabled = true;
         });
+
+        document.getElementById("refreshButton").addEventListener("click", function () {
+            // Implement your refresh logic here
+            connection.send(JSON.stringify({ action: "refresh" }));
+        });
     </script>
 </body>
 
-</html>
\ No newline at end of file
+</html>