Update test.html

Author: 3code-type

test.html

@@ -533,7 +533,7 @@ <h2>查碼練習</h2>
         // 英文模式下，長按 Shift 顯示的對應字元（全數改為半形）
         const keyname_map_english_shifted = {
             '1': '!', '2': '@', '3': '#', '4': '$', '5': '%', '6': '^', '7': '&', '8': '*', '9': '(', '0': ')',
-            'q': 'Q', 'w': 'W', 'e': 'W', 'r': 'R', 't': 'T', 'y': 'Y', 'u': 'U', 'i': 'I', 'o': 'O', 'p': 'P',
+            'q': 'Q', 'w': 'W', 'e': 'E', 'r': 'R', 't': 'T', 'y': 'Y', 'u': 'U', 'i': 'I', 'o': 'O', 'p': 'P',
             'a': 'A', 's': 'S', 'd': 'D', 'f': 'F', 'g': 'G', 'h': 'H', 'j': 'J', 'k': 'K', 'l': 'L',
             ';': ':', "'": '"',
             'z': 'Z', 'x': 'X', 'c': 'C', 'v': 'V', 'b': 'B', 'n': 'N', 'm': 'M',
@@ -876,6 +876,12 @@ <h2>查碼練習</h2>
 
         // --- 新增的批量查碼與字碼練習處理邏輯 ---
         function updatePhraseLookup() {
+            // 確保碼表已載入
+            if (!currentReverseCodemap || Object.keys(currentReverseCodemap).length === 0) {
+                console.warn('碼表尚未載入完成，請稍候。');
+                return;
+            }
+            
             const textToSearch = phraseInput.value.trim();
             const characters = textToSearch.split('');
 
@@ -889,6 +895,8 @@ <h2>查碼練習</h2>
             for (let i = 0; i < practiceChars.length; i++) {
                 const charBox = document.createElement('div');
                 charBox.className = 'practice-char-box';
+                // 顯示目標字元
+                charBox.textContent = practiceChars[i];
                 practiceDisplayArea.appendChild(charBox);
             }
             // 補足10個空位