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

标签 javascript html

我对此很陌生。所有在线示例都不能帮助我调试。我缺少什么?这个想法是用户输入他们想要转换成密码的内容,然后 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(''));
        }

最佳答案

您已将按钮放置在 <head> 内标签。其他一切都很好。将其放入 <body> 内你就完成了!

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');
    } else {
      resultArray.push(' ');
    }
  }
  document.write(resultArray.join(''));
}
<input type="text" id="input1"/>
<button onclick="Crypt()">Submit</button>

关于javascript - 使用带有用户输入的函数时出现问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51367413/

相关文章:

javascript - 如何在reactjs中的props上使用reduce()?

css - 带有滚动条的 div 中的表

javascript - 如何将 HTML 元素添加到与文本混合的存储中?

javascript - 是否可以使用 nodeJS 创建 outlook 的 session 请求?

javascript - 使用 Javascript 或 Jquery 获取 <select> 中选项的 "value"属性

javascript - 使用 css 和 javascript 仅更改特定表格内容的颜色

android - 如何在android中使用jsoup从html中提取特殊数据

html - 获取表单输入以扩展到具有可变大小标签的容器的全宽

html - 1px 的水平线不是完全直的

javascript - 子状态不会以 Angular 触发父状态