凯撒密码转换javascript的问题

Question

对于一个学校项目，我正在尝试创建一个有关加密方法的网站，但现在我的 Caesar 网站出现了问题。我检查了很多次，但我无法找出我的代码中的问题所在。我认为这种转变是错误的，但我不知道我可以改变什么来让它发挥作用，如果有人能帮助我，我会很高兴。

所以，这里是html部分：

<form name="formu" action="">
<label for="pseudo">Your text :</label>
<br>
<textarea name="text" id="text_encode" style="width: 30%;height: 200px"> 
</textarea>
<br>
<br>

<label for="methods">Select your methods : </label>
<br>
<br>
<select name="methods" id="methods">

  <option value="Caesar">Caesar</option>


</select>
<br>
<br>
<input type="button" value="Encrypt" onClick=encryption()>


<br>
<br>
<textarea name="text" id="text_decoded" style="width: 30%;height: 200px" 
readonly="readonly"></textarea>
</form>

这是我的 javascript 代码：

function encryption() {    
switch(document.getElementById("methods").value) {
    case "Caesar":
        var str = document.getElementById("text_encode").value;
        var amount = prompt("Number of shift");
        var output = "";

        for (var i = 0; i < str.length; i ++) {
            var c = str[i];
            var code = str.charCodeAt(i);

            if ((code >= 65) && (code <= 90))
                c = String.fromCharCode(((code - 65 + amount) % 26) + 65);
            else if ( (code >= 97) && (code <= 122) )
                c = String.fromCharCode(((code - 97 + amount) % 26) + 97);

            output += c;
        }
        document.getElementById("text_decoded").value=output;
        break;
    }
}

如果你想直接测试是什么问题也可以去这里：https://www.w3schools.com/code/tryit.asp?filename=FXJU1NAG37C0

Answer 1

错误是这一行：

var amount = prompt("Number of shift");

这默认返回一个字符串，但它可能包含一个数字 - 所以如果我在提示框中输入10，amount 将是：

amount = "10"

要解决这个问题，您需要将字符串解析为整数：

var amount = Number(prompt("Number of shift"));

那么你的代码应该可以工作了。