javascript - 简单的加密系统

Question

我正在尝试制作一个简单的加密系统。我用所有字母制作了一个代码，但是当我编写文本并单击按钮进行加密时，它只识别一个字母。

HTML:

<input type="text" id="text">
<input type="button" id="send" onclick="onClick()" value="encript">

<a id="itext">Your text will show here</a>
<a type="text" id="code">Your encrypted text will be showed here</a>

JS:

function onClick() {

    var txt = document.getElementById("text").value;
    document.getElementById("itext").innerHTML = txt;

    if(txt == "a"){
        document.getElementById("code").innerHTML = "yv";
    }
    if(txt == "b"){
        document.getElementById("code").innerHTML = "eh";
    }
    if(txt == "c"){
        document.getElementById("code").innerHTML = "ps";
    }
...
}

Answer 1

问题在于您正在对照单个字母检查整个字符串。您应该将字符串拆分为字符并迭代每个字符。像这样的事情:

function onClick() {

    var txt = document.getElementById("text").value;
    document.getElementById("itext").innerHTML = txt;
    var letters = txt.split('')
    var new_string = ''
    var i = 0;
    for(i = 0; i < letters.length; i++){
        if(letters[i] == "a"){
            new_string = new_string + "yv";
        }
        if(letters[i] == "b"){
            new_string = new_string + "eh";
        }
        if(letters[i] == "c"){
            new_string = new_string + "ps";
        }
        ...
    }
    document.getElementById("code").innerHTML = new_string;
}