javascript实现的对文本字符串加密解密特效代码

使用方法

const encryptbtn = document.querySelector('.encrypt-btn');
const decryptbtn = document.querySelector('.decrypt-btn');

encryptbtn.addEventListener('click', ()=> {
    const msg = document.querySelector('.js-input').value;
    const key = parseInt(document.querySelector('.js-numb').value);
    if (msg !== "" & key !== ""){
        var newmsg = '';
        for(let k=0; k < msg.length; k++){
            var x = msg.charCodeAt(k) + key;
            newmsg += String.fromCharCode(x);
        }
        document.querySelector('.new-msg').innerHTML = `
        <h2>加密消息</h2>
        <p>${newmsg}</p>
        `;
    }
    else{
        alert("请输入你的文本字符或密钥！");
    } 
});

decryptbtn.addEventListener('click', ()=> {
    const msg = document.querySelector('.js-input').value;
    const key = parseInt(document.querySelector('.js-numb').value);
    
    if (msg !== "" & key !== ""){
        var newmsg = '';
        for(let k=0; k < msg.length; k++){
            var x = msg.charCodeAt(k) - key;
            newmsg += String.fromCharCode(x);
        }
        document.querySelector('.new-msg').innerHTML = `
        <h2>解密消息</h2>
        <p>${newmsg}</p>
        `;
    }
    else{
        alert("请输入你的文本字符或密钥！");
    }
})