已有sm4js加密文件写一个demo检测加解密 前端

要使用已有的sm4.js加密文件进行加解密的前端demo，你可以按照以下步骤进行操作：

1. 下载sm4.js加密文件，并将其引入到你的HTML文件中，例如：

<script src="sm4.js"></script>

2. 在HTML文件中添加加解密的输入框和按钮，例如：

<input type="text" id="plaintext" placeholder="输入明文">
<button onclick="encrypt()">加密</button>
<input type="text" id="ciphertext" placeholder="输入密文">
<button onclick="decrypt()">解密</button>

3. 在JavaScript中编写加解密的函数，例如：

function encrypt() {
  var plaintext = document.getElementById("plaintext").value;
  var key = "0123456789abcdef"; // 16位密钥
  var cipher = sm4.encrypt(key, plaintext);
  document.getElementById("ciphertext").value = cipher;
}

function decrypt() {
  var ciphertext = document.getElementById("ciphertext").value;
  var key = "0123456789abcdef"; // 16位密钥
  var plain = sm4.decrypt(key, ciphertext);
  document.getElementById("plaintext").value = plain;
}

4. 在JavaScript中调用加解密函数，例如：

var sm4 = new SM4();

// 加密示例
var plaintext = "Hello World";
var key = "0123456789abcdef"; // 16位密钥
var cipher = sm4.encrypt(key, plaintext);
console.log("加密结果：" + cipher);

// 解密示例
var ciphertext = cipher;
var plain = sm4.decrypt(key, ciphertext);
console.log("解密结果：" + plain);

5. 运行你的HTML文件，输入明文并点击加密按钮进行加密，输入密文并点击解密按钮进行解密，查看加解密结果。

注意：在使用已有的sm4.js加密文件时，你需要确保该文件正确引入，并在加解密函数中使用正确的密钥进行加解密操作