效果:
代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<textarea></textarea>
<button>加密</button>
<p></p>
<button>解密</button>
<p></p>
<script>
var oTe = document.querySelector("textarea");
var aBtn = document.querySelectorAll("button");
var aP = document.querySelectorAll("p");
aBtn[0].onclick = function (){
var str = oTe.value;
var str1 = "";
for(var i=0;i<str.length;i++){
str1 += String.fromCharCode(str.charCodeAt(i)+120);
}
aP[0].innerHTML = str1;
}
aBtn[1].onclick = function (){
var str = aP[0].innerHTML;
var str1 = "";
for(var i=0;i<str.length;i++){
str1 += String.fromCharCode(str.charCodeAt(i)-120);
}
aP[1].innerHTML = str1;
}
</script>
</body>
</html>