Javascript 使用带有用户输入的函数时出现问题_Javascript_Html

Javascript 使用带有用户输入的函数时出现问题

javascript html

Javascript 使用带有用户输入的函数时出现问题,javascript,html,Javascript,Html,我是新来的。所有在线示例都不能帮助我进行调试。我错过了什么？这个想法是用户输入他们想要转换成密码的东西，js函数为他们加密。js本身运行良好。断开连接发生在尝试使函数Crypt（）与html一起工作时 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"/> <input type="text" id="input1" /> <button on

我是新来的。所有在线示例都不能帮助我进行调试。我错过了什么？这个想法是用户输入他们想要转换成密码的东西，js函数为他们加密。js本身运行良好。断开连接发生在尝试使函数Crypt（）与html一起工作时

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="utf-8"/> 
<input type="text" id="input1" />
    <button onclick="Crypt()">Submit</button>

 <script src="app.js"></script>

         </head>
    <body>

    </body>

</html>


  function Crypt(){
var input = document.getElementById('input1').value;
    var resultArray = [];
for(var i = 0; i < input.length; i++){

if(input[i] === 'a'){
    resultArray.push('p');
} else if("input"[i] === 'b'){
    resultArray.push('l');
}else if(input[i] === 'c'){
    resultArray.push('m');
}else if(input[i] === 'd'){
    resultArray.push('n');
}else if(input[i] === 'e'){
    resultArray.push('k');
}else if(input[i] === 'f'){
    resultArray.push('o');
}else if(input[i] === 'g'){
    resultArray.push('i');
}else if(input[i] === 'h'){
    resultArray.push('j');
}else if(input[i] === 'i'){
    resultArray.push('t');
} //you get the idea
    else{
    resultArray.push(' ');
}
    } document.write(resultArray.join(''));
        }


提交
函数Crypt（）{
var input=document.getElementById（'input1'）。值；
var resultArray=[]；
对于（变量i=0；i

您已将按钮放置在

标签内。其他一切都很好。把它放在

里，你就完成了

函数Crypt（）{
var input=document.getElementById（'input1'）。值；
var resultArray=[]；
对于（变量i=0；i



提交
到底是什么问题？会发生什么？任何东西是否报告了错误？只是一个提示，您可能希望将所有else/if语句都更改为“switch”-只是为了更容易阅读/维护@当我尝试向页面提交一些文本时，该函数现在可以工作了。错误：未捕获引用错误：未在app.js:67---------未捕获引用错误：未在HTMLButtonElement.onclick（Crypt.html:6）的Crypt（app.js:72）中定义输入