Update index.html

index.html

@@ -421,6 +421,11 @@
                     <label for="edit-sentence-zh-input" class="block text-sm font-semibold text-gray-700 mb-1">中文例句</label>
                     <input id="edit-sentence-zh-input" type="text" class="w-full p-3 border border-gray-300 rounded-lg text-lg">
                 </div>
+                <!-- 【修改】新增例句答案輸入框 -->
+                <div>
+                    <label for="edit-sentence-answer-input" class="block text-sm font-semibold text-gray-700 mb-1">例句正確答案 (克漏字用)</label>
+                    <input id="edit-sentence-answer-input" type="text" class="w-full p-3 border border-gray-300 rounded-lg text-lg bg-yellow-50" placeholder="例如 watches, jogging...">
+                </div>
             </div>
             <div class="flex justify-end gap-4 mt-8">
                 <button type="button" id="cancel-edit-btn" class="px-6 py-2 bg-gray-200 text-gray-800 rounded-lg hover:bg-gray-300 transition-colors">取消</button>
@@ -656,6 +661,7 @@
             const editChineseInput = document.getElementById('edit-chinese-input');
             const editSentenceEnInput = document.getElementById('edit-sentence-en-input');
             const editSentenceZhInput = document.getElementById('edit-sentence-zh-input');
+            const editSentenceAnswerInput = document.getElementById('edit-sentence-answer-input'); // 【新增】
             const saveEditBtn = document.getElementById('save-edit-btn');
             const cancelEditBtn = document.getElementById('cancel-edit-btn');
             const shareModal = document.getElementById('share-modal');
@@ -786,6 +792,7 @@
                     editChineseInput.value = word.chinese;
                     editSentenceEnInput.value = word.sentence?.en || '';
                     editSentenceZhInput.value = word.sentence?.zh || '';
+                    editSentenceAnswerInput.value = word.sentence?.answer || ''; // 【新增】
                     editWordModal.classList.remove('hidden');
                 } else if (button.classList.contains('delete-btn')) {
                     indexToDelete = index;
@@ -800,15 +807,26 @@
                 const newChinese = editChineseInput.value.trim();
                 const newSentenceEn = editSentenceEnInput.value.trim();
                 const newSentenceZh = editSentenceZhInput.value.trim();
+                const newSentenceAnswer = editSentenceAnswerInput.value.trim(); // 【新增】
 
                 if (index >= 0 && newEnglish && newChinese) {
                     words[index].english = newEnglish;
                     words[index].chinese = newChinese;
+                    
+                    // 【修改】更新 sentence 物件
                     if (newSentenceEn && newSentenceZh) {
-                        words[index].sentence = { en: newSentenceEn, zh: newSentenceZh };
+                        words[index].sentence = { 
+                            en: newSentenceEn, 
+                            zh: newSentenceZh 
+                        };
+                        // 只有在答案存在時才加入
+                        if (newSentenceAnswer) {
+                            words[index].sentence.answer = newSentenceAnswer;
+                        }
                     } else {
                         delete words[index].sentence;
                     }
+
                     saveWordsToStorage();
                     renderWordList();
                     editWordModal.classList.add('hidden');
@@ -956,7 +974,7 @@
                                 sentenceZhDisplay.textContent = `(${card.sentence.zh})`;
                                 sentenceZhDisplay.classList.add('hidden');
                                 toggleTranslationBtn.textContent = '顯示翻譯';
-                                backText = card.english;
+                                backText = card.sentence.answer || card.english; // 【修改】背面顯示正確答案
                                 answerInput.placeholder = "請填入空格中的單字...";
                                 break;
                         }
@@ -1000,11 +1018,12 @@
                 } else {
                     wordPool = [...words];
                 }
-
+                
+                // 【修改】過濾克漏字模式的單字，必須包含 sentence 和 answer
                 if (mode === 'sentence-cloze') {
-                    wordsForCurrentMode = wordPool.filter(w => w.sentence && w.sentence.en && w.sentence.zh);
+                    wordsForCurrentMode = wordPool.filter(w => w.sentence && w.sentence.en && w.sentence.zh && w.sentence.answer);
                     if (wordsForCurrentMode.length === 0) {
-                        alert("題庫中沒有附帶例句的單字可供此模式使用。");
+                        alert("題庫中沒有附帶完整例句（包含克漏字答案）的單字可供此模式使用。");
                         return;
                     }
                 } else if (mode === 'review') {
@@ -1076,7 +1095,13 @@
                     let effectiveMode = isSpeed ? currentSpeedQuestionType : (currentMode === 'hard' ? 'zh-en' : currentMode);
                     let rawAnswer;
                     switch (effectiveMode) {
-                        case 'zh-en': case 'listen': case 'sentence-cloze':
+                        // 【修改】此處是核心邏輯修改
+                        case 'sentence-cloze':
+                            // 直接使用 sentence.answer 作為正確答案
+                            rawAnswer = card.sentence.answer;
+                            answerLang = 'en';
+                            break;
+                        case 'zh-en': case 'listen':
                             rawAnswer = card.english;
                             answerLang = 'en';
                             break;
@@ -1085,7 +1110,13 @@
                             answerLang = 'zh';
                             break;
                     }
-                    correctAnswer = rawAnswer.replace(/[\(（\[【].*?[\)）\]】]/g, "").trim();
+                    // 如果 rawAnswer 存在才進行處理
+                    if (rawAnswer) {
+                        correctAnswer = rawAnswer.replace(/[\(（\[【].*?[\)）\]】]/g, "").trim();
+                    } else {
+                        // 預防性程式碼，如果找不到答案就判定為錯
+                        correctAnswer = `__NO_ANSWER_DEFINED__${Date.now()}`;
+                    }
                 }
 
                 let isCorrect;
@@ -1467,7 +1498,8 @@
                     aiProgressContainer.classList.add('hidden');
                 }
             });
-
+            
+            // 【修改】升級 AI Prompt 和 Schema
             async function callGeminiToParseText(text) {
                 const apiKey = apiKeyInput.value.trim();
                 if (!apiKey) {
@@ -1482,9 +1514,10 @@
                     請分析以下從英文單字學習講義擷取的文字。你的任務是辨識出每一個單字條目，並為每個條目提取以下資訊：
                     1.  "english": 完整的英文單字，包含詞性標註，例如 "yesterday (adv.)" 或 "study (v.)"。
                     2.  "chinese": 對應的中文翻譯。
-                    3.  "sentence": 一個包含例句的物件。這個物件應該有兩個屬性：
+                    3.  "sentence": 一個包含例句的物件。這個物件應該有以下三個屬性：
                         - "en": 英文例句。請將該條目的主要英文單字（不含詞性）替換成 "___"。
                         - "zh": 完整的中文例句翻譯。
+                        - "answer": 在 "en" 屬性的 "___" 空格中，文法正確的答案。例如，如果單字是 "watch"，例句是 "He ___ TV."，那 "answer" 就應該是 "watches"。
                     
                     規則：
                     - 如果一個單字條目有多個例句，請只選擇第一個或最能代表該單字用法的例句。
@@ -1514,7 +1547,8 @@
                                         type: "OBJECT",
                                         properties: {
                                             en: { type: "STRING" },
-                                            zh: { type: "STRING" }
+                                            zh: { type: "STRING" },
+                                            answer: { type: "STRING" } // 新增 answer 欄位
                                         }
                                     }
                                 }
@@ -1559,7 +1593,8 @@
                     parsePdfBtn.disabled = false;
                 }
             }
-
+            
+            // 【修改】更新 AI 結果預覽畫面
             function showParseConfirmation(parsedWords) {
                 parseResultsContainer.innerHTML = '';
                 selectAllCheckbox.checked = true;
@@ -1576,6 +1611,7 @@
                             <div class="mt-2 pt-2 border-t border-gray-200">
                                 <p class="text-sm text-gray-600"><strong>例句 (英):</strong> ${word.sentence.en}</p>
                                 <p class="text-sm text-gray-600"><strong>例句 (中):</strong> ${word.sentence.zh}</p>
+                                ${word.sentence.answer ? `<p class="text-sm text-blue-700 font-semibold"><strong>克漏字答案:</strong> ${word.sentence.answer}</p>` : ''}
                             </div>
                             ` : ''}
                         </div>
@@ -1709,8 +1745,10 @@
                 if (!card) return;
                 const questionType = currentMode === 'speed' ? currentSpeedQuestionType : (currentMode === 'hard' ? 'zh-en' : currentMode);
                 let correctAnswer;
+                 // 【修改】提示功能現在也使用正確的答案來源
                 switch (questionType) {
-                    case 'zh-en': case 'listen': case 'sentence-cloze': correctAnswer = card.english.replace(/[\(（\[【].*?[\)）\]】]/g, "").trim(); break;
+                    case 'sentence-cloze': correctAnswer = card.sentence.answer; break;
+                    case 'zh-en': case 'listen': correctAnswer = card.english.replace(/[\(（\[【].*?[\)）\]】]/g, "").trim(); break;
                     case 'en-zh': correctAnswer = card.chinese.replace(/[\(（\[【].*?[\)）\]】]/g, "").trim(); break;
                     default: return;
                 }
@@ -2023,14 +2061,32 @@
                             incorrectCount: word.incorrectCount || 0
                         }));
                     } else {
+                        // 【修改】使用新的預設單字，展示文法感知功能
                         const defaultWords = [
-                            { english: 'yesterday (adv.)', chinese: '昨天', sentence: { en: 'I walked to school ___.', zh: '我昨天走路上學。' } },
+                            { 
+                                english: 'watch (v.)', 
+                                chinese: '觀看', 
+                                sentence: { 
+                                    en: 'Mike usually ___ TV on Mondays.', 
+                                    zh: '麥克通常在週一會看電視。',
+                                    answer: 'watches' 
+                                } 
+                            },
+                            { 
+                                english: 'jog (v.)', 
+                                chinese: '慢跑',
+                                sentence: {
+                                    en: 'She is ___ in the park now.',
+                                    zh: '她現在正在公園慢跑。',
+                                    answer: 'jogging'
+                                }
+                             },
                             { english: 'study (v.)', chinese: '研讀' },
-                            { english: 'jog (v.)', chinese: '慢跑' }, { english: 'watch (v.)', chinese: '觀看' },
-                            { english: 'last (adj.)', chinese: '前一個的' }, { english: 'death (n.)', chinese: '死亡' },
-                            { english: 'a few (adj.)', chinese: '一些' }, { english: 'ago (adv.)', chinese: '以前' },
-                            { english: 'parents (n.)', chinese: '父母親' }, { english: 'were (v.)', chinese: '是 (複數/you/we/they)' },
-                            { english: 'was (v.)', chinese: '是 (單數/I/he/she)' }
+                            { english: 'last (adj.)', chinese: '前一個的' },
+                            { english: 'death (n.)', chinese: '死亡' },
+                            { english: 'a few (adj.)', chinese: '一些' },
+                            { english: 'ago (adv.)', chinese: '以前' },
+                            { english: 'parents (n.)', chinese: '父母親' },
                         ];
                         words = defaultWords.map(word => ({ ...word, proficiency: 0, incorrectCount: 0 }));
                         saveWordsToStorage();
@@ -2075,4 +2131,3 @@
     </script>
 </body>
 </html>
-