okay how about this, let's remove the reset button. So everytime I change the time it automatically change the time

index.html

@@ -20,8 +20,8 @@
         <div class="text-center mb-12">
             <h1 class="text-4xl font-bold mb-2 text-indigo-400">CodeFlow Typing Challenge</h1>
             <p class="text-lg text-gray-400">Test your coding language typing speed & accuracy</p>
-        </div>
-        <div class="bg-gray-800 rounded-xl p-6 shadow-lg mb-8">
+                </div>
+<div class="bg-gray-800 rounded-xl p-6 shadow-lg mb-8">
             
             <div class="flex justify-between items-center mb-6">
                 <div class="flex space-x-4">
@@ -51,11 +51,7 @@
                         <span id="speed" class="ml-2">0 WPM</span>
                     </div>
                 </div>
-
-                <button id="reset-btn" class="bg-indigo-600 hover:bg-indigo-700 px-4 py-2 rounded-lg transition">
-                    <i data-feather="refresh-cw" class="inline mr-2"></i>Reset
-                </button>
-            </div>
+</div>
             <div id="typing-area" class="bg-gray-900 rounded-lg p-6 mb-6 h-48 overflow-y-auto">
                 <div id="code-display" class="font-mono text-lg leading-relaxed"></div>
             </div>

script.js

@@ -142,7 +142,6 @@ const codeDisplay = document.getElementById('code-display');
 const inputField = document.getElementById('input-field');
 const timerElement = document.getElementById('timer');
 const speedElement = document.getElementById('speed');
-const resetBtn = document.getElementById('reset-btn');
 const resultsSection = document.getElementById('results');
 const finalWPM = document.getElementById('final-wpm');
 const finalAccuracy = document.getElementById('final-accuracy');
@@ -320,8 +319,12 @@ async function fetchLeaderboard() {
 // Event listeners
 inputField.addEventListener('input', updateDisplay);
 inputField.addEventListener('focus', startGame);
-resetBtn.addEventListener('click', initGame);
 tryAgainBtn.addEventListener('click', initGame);
 
-// Initialize the game on page load
-document.addEventListener('DOMContentLoaded', initGame);
+// Reset game when time selection changes
+document.getElementById('time-select').addEventListener('change', initGame);
+// Initialize the game on page load and when language changes
+document.addEventListener('DOMContentLoaded', () => {
+    initGame();
+    document.getElementById('language-select').addEventListener('change', initGame);
+});