JavaScript编码程序无法正确输出编码结果，求排查解决

先梳理代码里的核心错误点：

• 数组声明语法错误：const alphabet ["a", ...] 缺少赋值运算符 =，正确写法应为 const alphabet = ["a", ...]。
• DOM方法拼写错误：document.GetElementById 需改为 document.getElementById（get 必须小写）。
• 自增语法错误：count ++ 1; 是无效语法，应替换为 count++ 或 count += 1。
• 循环逻辑完全失效：第一个while循环直接将count累加至输入长度+1，后续逻辑仅处理单个字符，未遍历所有输入内容；匹配字符的while循环既无容错处理，也无法逐个处理输入字符。
• 输出逻辑错误：document.write(encoded) 会覆盖整个页面，且页面输出元素的id写错（id="output()" 应为 id="output"），需将结果插入指定元素而非直接覆盖页面。
• 编码逻辑未实现：当前代码仅将原字符推入数组，完全没把字符转换为字母表中的索引值。

修正后的完整代码 #

JavaScript 部分

// 字符集
const alphabet = ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z","A", "B", "C", "D", "E", "F", "G",      
"H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", 
"Z","`", "~", "1", "!", "2", "@", "3", "#", "4", "$", "6", "^", "7", "8", "*", "9", "(", 
"0", ")", "-", "_", "=", "+", "[", "{", "]", "\\", "|", ";", ":", "'", ",", "<", ".", ">", 
"/", "?"];

function encode() {
    // 获取输入文本
    const inputText = document.getElementById("encode").value;
    // 存储编码结果（用字符在字母表中的索引值表示）
    const encoded = [];

    // 遍历输入的每个字符
    for (let char of inputText) {
        // 获取字符在字母表中的索引
        const index = alphabet.indexOf(char);
        // 存在则加入索引，不存在则保留原字符（可按需修改容错逻辑）
        if (index !== -1) {
            encoded.push(index);
        } else {
            encoded.push(char);
        }
    }

    // 将结果输出到指定元素
    document.getElementById("output").textContent = encoded.join(' ');
}

// 空实现解码函数，避免点击报错
function decode() {
    document.getElementById("output").textContent = "解码功能待实现";
}

HTML 部分

<!DOCTYPE html>
<!-- UI (Will Update) -->
<h1 style="color:blue">Enter text to be encoded here</h1>
<input id="encode">
<button onclick="encode()">Encode</button>
<h1 style="color:red">Enter text to be decoded here</h1>
<input id="decode">
<button onclick="decode()">Decode</button>
<h2>Output:</h2>
<p id="output"></p>

修正说明 #

1. 修复所有语法错误，确保代码可正常运行。
2. 使用for...of循环遍历输入字符，实现逐个编码。
3. 用alphabet.indexOf()替代低效的while循环，直接获取字符索引。
4. 加入字符不存在于字母表的容错处理。
5. 将结果输出到指定元素，避免document.write破坏页面结构。
6. 空实现解码函数，防止点击按钮时报错。

内容的提问来源于stack exchange，提问作者Mason Shaer