standard push

games.js

@@ -266,7 +266,9 @@ document.addEventListener('DOMContentLoaded', function() {
     var bodyContent = document.querySelector('.main-content');
     var letters = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z'];
     var userLanguage = getCookie('userLanguage')
-
+    var languageDropdown = document.getElementById('language-dropdown');
+
+
     // Only show modal if cookie consent hasn't been given
     console.log("Checking cookie consent status");
     if (!getCookie('cookieConsent')) {
@@ -292,6 +294,11 @@ document.addEventListener('DOMContentLoaded', function() {
         bodyContent.classList.remove('blur-background');
     });
 
+    if (languageDropdown) {
+        languageDropdown.addEventListener('change', function() {
+            setLanguagePreference(this.value);
+        });
+    }
     // Setup event listeners for letter buttons
     letters.forEach(function(letter) {
         var button = document.getElementById('button-' + letter);

index.html

@@ -28,9 +28,10 @@ <h1>Learn Language with applications</h1>
 						<li><a href="#work">how to</a></li>
 						<li><a href="#contact">Contact</a></li>
 						<li><div class="language-selector">
-							<select id="language-dropdown" onchange="setLanguagePreference(this.value)">
+							<select id="language-dropdown">
 								<option value="en">English</option>
 								<option value="fr">Français</option>
+								<option value="zh">中文</option>
 								<!-- Add other languages here if needed -->
 							</select>
 						</div>