diff --git a/public_html/createGame.html b/public_html/createGame.html
index 2ce8b334cb51f600e13878fb8cc429b13ed2bd9c..35b7a68d1b92d64f98b3a3d1bb678bd8ada00614 100755
--- a/public_html/createGame.html
+++ b/public_html/createGame.html
@@ -17,6 +17,7 @@
         <h2>Create a new game</h2>
         <input id="gameNameInput" placeholder="Game name">
         <button id="createBtn">Create Game</button>
+        <button id="joinGameBtn">Join Game</button>
     </div>
     <script src="createGame.js"></script>
 </body>
diff --git a/public_html/createGame.js b/public_html/createGame.js
index a0ce660c150d38b063c28d5abe633218cb551523..f76a28ffcb8131ca192aaad351010a4f51287f04 100755
--- a/public_html/createGame.js
+++ b/public_html/createGame.js
@@ -14,7 +14,10 @@ function storeGameName() {
 }
 gameNameInput.addEventListener("input", storeGameName);
 storeGameName();
-
+let joinGameBtn = document.getElementById("joinGameBtn");
+    joinGameBtn.addEventListener("click", () => {
+        window.location = "rooms.html";
+    })
 let createBtn = document.getElementById("createBtn");
 createBtn.addEventListener("click", () => {
     if (gameName == "") {