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

所属分类：网页特效-实用工具 2023-11-28 04:46:18

7.8K 0 查看评论 (0)

查看演示登录后下载 温馨提示
登录会员即可享受免费下载我要建站

资源描述：一款针对文本字符串进行加密解密工具插件，可针对输入的任意字符或密钥进行在线加密，还可以在线解密。

javascript实现的对文本字符串加密解密特效代码（共3个文件）

js
- script.js
css
- style.css

index.html

使用方法

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("请输入你的文本字符或密钥！");
    }
})

站长提示：
1. 苦力吧素材官方QQ群：950875342
2. 平台上所有素材资源，需注册登录会员方能正常下载。
3. 会员用户积极反馈网站、素材资源BUG或错误问题，每次奖励2K币。
4. PHP源码类素材，如需协助安装调试，或你有二次开发需求，可联系苦力吧客服。
5. 付费素材资源，需充值后方能下载，如有任何疑问可直接联系苦力吧客服