Upload index.html

index.html

@@ -1213,57 +1213,48 @@
         
         // 顯示科目輸入
         function displaySubjectInput(index) {
-              // 檢查是否已經顯示過社會科攻擊描述
-            if (socialAttackCompleted) {
-                return; // 已經完成社會科攻擊，不再重複顯示
-            }
-            
-            // 標記社會科攻擊已完成
-            socialAttackCompleted = true;
-            
-            // 在戰鬥日誌中添加選項按鈕
-            const optionsDiv = document.createElement('div');
-            optionsDiv.className = 'battle-options';
-            optionsDiv.innerHTML = `
-                <h3>社會科攻擊完成！</h3>
-                <p>你已完成所有科目的攻擊。</p>
-                <div>
-                    <button id="view-result-btn">查看結果</button>
-                    <button id="use-holy-item-btn">使用聖物補刀</button>
-                </div>
-            `;
-            battleLog.appendChild(optionsDiv);
-            battleLog.scrollTop = battleLog.scrollHeight;
+            if (index >= subjects.length) {
+                // 檢查是否已經顯示過社會科攻擊描述
+                if (socialAttackCompleted) {
+                    return; // 已經完成社會科攻擊，不再重複顯示
+                }
                 
-                // 添加按鈕事件
-                document.getElementById('view-result-btn').addEventListener('click', function() {
-                    // 判斷戰鬥結果
-                    if (monsterHP <= 0) {
-                        // 播放勝利音效
-                        audioController.playResultSound('win');
-                        // 顯示成功結果
-                        displayResult(true);
-                    } else {
-                        // 播放失敗音效
-                        audioController.playResultSound('lose');
-                        // 顯示失敗結果
-                        displayResult(false);
-                    }
+                // 標記社會科攻擊已完成
+                socialAttackCompleted = true;
+                
+                // 在戰鬥日誌中添加選項按鈕
+                const optionsDiv = document.createElement("div");
+                optionsDiv.className = "battle-options";
+                optionsDiv.innerHTML = `
+                    <h3>社會科攻擊完成！</h3>
+                    <p>你已完成所有科目的攻擊。</p>
+                    <div>
+                        <button id="view-result-btn">查看結果</button>
+                        <button id="use-holy-item-btn">使用聖物補刀</button>
+                    </div>
+                `;
+                battleLog.appendChild(optionsDiv);
+                battleLog.scrollTop = battleLog.scrollHeight;
+                
+                document.getElementById("view-result-btn").addEventListener("click", () => {
+                    battleSection.classList.add("hidden");
+                    resultSection.classList.remove("hidden");
+                    displayResult(monsterHP <= 0);
                 });
                 
-                document.getElementById('use-holy-item-btn').addEventListener('click', function() {
-                    // 顯示聖物補刀區域
-                    battleSection.classList.add('hidden');
-                    holyItemSection.classList.remove('hidden');
+                document.getElementById("use-holy-item-btn").addEventListener("click", () => {
+                    battleSection.classList.add("hidden");
+                    holyItemSection.classList.remove("hidden");
                     remainingHpDisplay.textContent = monsterHP.toFixed(1);
                     
                     // 確保聖物補刀區域顯示king.jpg
                     monsterImageHoly.src = 'images/king.jpg';
                 });
-                
+
                 // 關鍵修改：清空科目輸入區域，防止重複攻擊
-            subjectInput.innerHTML = '';  
-              return;
+                subjectInput.innerHTML = ""; 
+                
+                return;
             }
             
             const subject = subjects[index];