gpt4 book ai didi

javascript - 如何使用 javascript 将 textarea 转换为显示其他内容(例如 base64 解密)?

转载 作者:行者123 更新时间:2023-11-30 23:55:25 25 4
gpt4 key购买 nike

我正在尝试用 HTML 创建解密页面。我可以获取输入并将其显示为输出,但我对如何更改中间的文本感到困惑。到目前为止,这是我的代码: http://jsfiddle.net/RZwmX/1

HTML:

<textarea name="CipherText" id="CipherText" placeholder="Enter ciphertext here:"></textarea>
<div id="prevCom"></div>

Javascript:

wpcomment.onkeyup = wpcomment.onkeypress = function(){
wpcomment=btoa(wpcomment);
document.getElementById('prevCom').innerHTML = this.value;
}

//////////////////////////////////////
//from: https://scotch.io/tutorials/how-to-encode-and-decode-strings-with-base64-in-javascript
// Define the string
var string = 'Hello World!';

// Encode the String
var encodedString = btoa(string);
console.log(encodedString); // Outputs: "SGVsbG8gV29ybGQh"

// Decode the String
var decodedString = atob(encodedString);
console.log(decodedString); // Outputs: "Hello World!"

我从 https://scotch.io/tutorials/how-to-encode-and-decode-strings-with-base64-in-javascript 获取代码。 Base64 只是一个例子。我想知道的是我该如何进行过渡。在我的 JSFiddle 中,JavaScript 第 3 行是我实现转换的想法,但这不起作用。

最佳答案

我会做这样的事情:

const input = document.querySelector('#encoded-input')
const output = document.querySelector('#decoded-output')

input.oninput = e => {
try {
output.innerText = atob(e.target.value)
} catch (error) {
output.innerText = e.target.value
? 'Please enter a valid Base64 encoded value.'
: ''
}
}
<textarea id="encoded-input"></textarea>
<div id="decoded-output"></div>

关于javascript - 如何使用 javascript 将 textarea 转换为显示其他内容(例如 base64 解密)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61087675/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com