首页html实现凯撒密码代码编写

html实现凯撒密码代码编写

时间: 2023-12-23 19:17:51 浏览: 72

在HTML中实现凯撒密码的代码编写可以使用JavaScript语言来完成。以下是一个示例代码： ```html <!DOCTYPE html> <html> <head> <title>凯撒密码</title> <script type="text/javascript"> function encrypt() { var userInput = document.getElementById("input").value; var key = 3; var encryptedText = ""; for(var i = 0; i < userInput.length; i++) { var charCode = userInput.charCodeAt(i); // 判断字符是大写字母还是小写字母 if(charCode >= 65 && charCode <= 90) { // 大写字母的加密 charCode = (charCode - 65 + key) % 26 + 65; } else if(charCode >= 97 && charCode <= 122) { // 小写字母的加密 charCode = (charCode - 97 + key) % 26 + 97; } encryptedText += String.fromCharCode(charCode); } document.getElementById("result").value = encryptedText; } </script> </head> <body> <h1>凯撒密码加密</h1> <input type="text" id="input" placeholder="请输入明文"> <button onclick="encrypt()">加密</button> <br> <textarea id="result" rows="4" cols="50" readonly></textarea> </body> </html> ``` 在这个示例代码中，我们使用了一个`encrypt()`函数来实现凯撒密码的加密过程。用户输入明文后，点击"加密"按钮会触发这个函数。函数首先获取用户输入的明文和密钥（这里设定为3），然后使用循环来对每个字符进行加密操作。根据字符的ASCII码值判断是大写字母还是小写字母，然后进行相应的加密操作。最后，将加密后的密文显示在一个文本框中。

阅读全文