Update index.html

index.html

@@ -122,7 +122,10 @@
             
             <!-- 主要功能 -->
             <div class="mb-4">
-                <h3 class="text-lg font-semibold text-gray-600 mb-3 text-center border-b pb-2">主要功能</h3>
+                <div class="relative mb-3 border-b pb-2">
+                    <h3 class="text-lg font-semibold text-gray-600 text-center">主要功能</h3>
+                    <button id="reset-crowns-btn" class="absolute right-0 top-1/2 -translate-y-1/2 text-xs bg-gray-200 hover:bg-gray-300 text-gray-700 font-semibold py-1 px-3 rounded-full transition-colors disabled:bg-gray-300">重置皇冠</button>
+                </div>
                 <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
                     <button data-mode="review" class="mode-btn bg-sky-500 hover:bg-sky-600">複習模式</button>
                     <button data-mode="zh-en" class="mode-btn bg-teal-500 hover:bg-teal-600 relative">
@@ -462,6 +465,7 @@
             const gradeReportBtn = document.getElementById('grade-report-btn');
             const randomQuestionsCheckbox = document.getElementById('random-questions-checkbox');
             const randomQuestionsCountInput = document.getElementById('random-questions-count');
+            const resetCrownsBtn = document.getElementById('reset-crowns-btn');
             
             // 單字管理介面
             const wordManagementView = document.getElementById('word-management-view');
@@ -913,7 +917,12 @@
 
                 let isCorrect;
                 if (answerLang === 'en') {
-                    const normalize = (str) => str.toLowerCase().replace(/[.,/#!$%^&*;:{}=\-_`~()]/g, "").trim();
+                    const normalize = (str) => {
+                        return str.toLowerCase()
+                                  .replace(/\s*\.{3}\s*/g, '') // 處理 '...'，移除點及周圍空格
+                                  .replace(/[.,/#!$%^&*;:{}=\-_`~()]/g, "") // 移除標點符號
+                                  .replace(/\s+/g, ''); // 移除所有空格
+                    };
                     isCorrect = normalize(userAnswer) === normalize(correctAnswer);
                 } else if (answerLang === 'zh') {
                     const possibleAnswers = correctAnswer.split(/[;；]/).map(a => a.trim()); 
@@ -1167,6 +1176,21 @@
                 btn.addEventListener('click', () => setupLearningView(btn.dataset.mode));
             });
 
+            resetCrownsBtn.addEventListener('click', () => {
+                completionStatus = {};
+                localStorage.removeItem('completionStatus');
+                updateCompletionUI();
+                
+                // Visual feedback
+                const originalText = resetCrownsBtn.textContent;
+                resetCrownsBtn.textContent = '已重置!';
+                resetCrownsBtn.disabled = true;
+                setTimeout(() => {
+                    resetCrownsBtn.textContent = originalText;
+                    resetCrownsBtn.disabled = false;
+                }, 2000);
+            });
+
             backToMenuBtn.addEventListener('click', () => {
                 clearInterval(timerInterval);
                 const isQuiz = !['review', 'speed', ''].includes(currentMode);
@@ -1497,3 +1521,4 @@
 </body>
 </html>
 
+