如何使用javascript转换textarea以显示其他内容（例如base64解密）？

我正在尝试用HTML创建一个解密页面。我可以得到输入，并将其显示为输出，但我对如何在中间更改文本感到困惑。以下是我目前的代码： .

HTML:

---

我从你那里得到密码。Base64只是一个例子。我想知道的是我如何进行转换。在javascript第3行的JSFIDLE中，我想到了如何实现转换，但这不起作用。

我会这样做：

const input=document.querySelector'encoded-input' const output=document.querySelector'decoded-output' input.oninput=e=>{ 试一试{ output.innerText=atobe.target.value }捕捉错误{ output.innerText=e.target.value ？'请输入有效的Base64编码值。' : } }

---

我会这样做：

const input=document.querySelector'encoded-input' const output=document.querySelector'decoded-output' input.oninput=e=>{ 试一试{ output.innerText=atobe.target.value }捕捉错误{ output.innerText=e.target.value ？'请输入有效的Base64编码值。' : } }

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

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!"