standard push

games.js

@@ -296,7 +296,8 @@ document.addEventListener('DOMContentLoaded', function() {
     var languageDropdown = document.getElementById('language-dropdown');
     var hamburger = document.querySelector('.hamburger-menu');
     var navUL = document.querySelector('nav ul');
-
+    var startGameButton = document.getElementById('start-game');
+
     // Only show modal if cookie consent hasn't been given
     console.log("Checking cookie consent status");
     if (!getCookie('cookieConsent')) {
@@ -330,6 +331,12 @@ document.addEventListener('DOMContentLoaded', function() {
     hamburger.addEventListener('click', function() {
         navUL.classList.toggle('active');
     });
+
+    // Start Game button 
+    if (startGameButton) {
+        startGameButton.addEventListener('click', startGame);
+    }
+
     // Setup event listeners for letter buttons
     letters.forEach(function(letter) {
         var button = document.getElementById('button-' + letter);

index.html

@@ -54,7 +54,7 @@ <h2>Languapps</h2>
 							<img id="hangman-image" src="/images/hang/h0.png" alt="hangman">
 							</div>
 						<div id="word-display"></div>
-						<button onclick="startGame()">Start New Game</button>
+						<button id="start-game">New Game</button>
 							<div id="letter-buttons">
 								<button id="button-a">a</button>
 								<button id="button-b">b</button>