【保良局何壽南小學補習】同學全科獲10+分躍進

之前 */ (function() { 'use strict'; // ===== 配置設定 ===== const CONFIG = { // 導師回應文字 (可以在這裡修改) teacherResponse: "Camilla雖然吸收力較弱，但她肯答肯問。其實！學習最緊要係有系統地累積知識，並運用先輸入後輸出的學習法e.g.即時複述：學完一個小知識點後，立刻請學生用自己的話解釋給導師聽 (「輸出」是關鍵的轉化過程，透過回答問題、複述所學、動手練習、甚至教導別人，來讓大腦檢索、組織和應用知識)，從而靈活運用所學知識。", // 打字速度 (毫秒) typewriterSpeed: 30, // 按鈕文字 buttonShowText: '👨‍🏫 導師回應', buttonHideText: '🙈 隱藏回應' }; // ===== 狀態變數 ===== let typewriterTimeout = null; let teacherVisible = false; // ===== 打字機效果函數 ===== function typewriter(text, element, speed) { speed = speed || CONFIG.typewriterSpeed; let i = 0; element.innerHTML = ''; function type() { if (i < text.length) { element.innerHTML = text.substring(0, i + 1) + ''; i++; typewriterTimeout = setTimeout(type, speed); } else { // 打字完成後隱藏游標 setTimeout(function() { const cursor = element.querySelector('.crescent-cursor'); if (cursor) { cursor.style.display = 'none'; } }, 1000); } } type(); } // ===== 切換導師回應 ===== function toggleTeacher() { const bubble = document.getElementById('crescentTeacherBubble'); const button = document.getElementById('teacherResponseBtn'); if (!bubble || !button) { console.error('找不到導師回應元素'); return; } if (!teacherVisible) { // 顯示氣泡 bubble.classList.add('show'); button.innerHTML = CONFIG.buttonHideText; teacherVisible = true; // 延遲啟動打字機效果 setTimeout(function() { const textElement = document.getElementById('crescentTeacherText'); if (textElement) { typewriter(CONFIG.teacherResponse, textElement, CONFIG.typewriterSpeed); } }, 100); } else { // 隱藏氣泡 bubble.classList.remove('show'); button.innerHTML = CONFIG.buttonShowText; teacherVisible = false; // 清除打字機計時器 if (typewriterTimeout) { clearTimeout(typewriterTimeout); typewriterTimeout = null; } } } // ===== 初始化事件監聽器 ===== function initEventListeners() { // 點擊背景關閉功能（如果需要） document.addEventListener('click', function(event) { // 這裡可以添加點擊背景關閉氣泡的功能 }); // ESC 鍵關閉功能 document.addEventListener('keydown', function(event) { if (event.key === 'Escape' && teacherVisible) { toggleTeacher(); } }); } // ===== 將函數暴露到全局作用域 ===== window.crescentToggleTeacher = toggleTeacher; // ===== DOM 載入完成後初始化 ===== if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initEventListeners); } else { initEventListeners(); } })();