<body>
<input type="text">
<button id="btnJ">加密</button>
<button id="btnY">解密</button>
<div></div>
<script>
// 获取dom元素
var o_text = document.querySelector('input')
var btnJ = document.querySelector('#btnJ')
var btnY = document.querySelector('#btnY')
var div = document.querySelector('div')
// 加密函数
function jiami(){
// 存放加密后的字符串
var str = ''
// 存放文本值的信息
var info = o_text.value
// 获取字符的编码值(charCodeAt) 进行 加一个数 , String.fromCharCode()将编码值转字符
for(var i = 0,len= info.length;i<len;i++){
str = str + String.fromCharCode(info.charCodeAt(i) + 520)
}
// 将加密后的字符串放页面div里
div.innerText = str
// 清空文本框值
o_text.value = ''
}
// 解密
function jiemi(){
var str = ''
// 获取解密值
var info = div.innerText
// 获取字符编码值
for(var i = 0,len=info.length;i<len;i++){
str += String.fromCharCode(info.charCodeAt(i) -520)
}
o_text.value = str
div.innerText = ''
}
btnJ.onclick = jiami
btnY.onclick = jiemi
</script>
</body>
</html>