JavaScript 将 Textarea 文本替换为 Base64

Question

我正在尝试为一个示例项目制作一个快速的 base64 转换器，我成功地将文本作为警报输出，但在替换文本区域中的文本时却没有。奇怪的是，我能够让它工作一次，但是一旦我刷新页面再试一次它就停止工作了。我尝试了 JSFiddle，但它没有在我的 JavSCript 代码中显示任何错误，但这可能是其他问题？下面的代码。

<h3>Decoders and Encoders</h3>
Base64 Decoder/Encoder<br>
<textarea name="base64-textarea" cols="50" rows="20" id="basesixfour"></textarea><br>
<input type="submit" value="Decode" id="inline left" onclick="base64-decode()">
<input type="submit" value="Encode" id="inline left" onclick="base64-encode()">

<script language="javascript">
function base64-decode() {
    var getText = document.getElementById('basesixfour').value;
    var base64-decode = atob(getText);
    document.getElementById('basesixfour').value = base64-decode;
}
function base64-encode() {
    var getText = document.getElementById('basesixfour').value;
    var base64-encode = btoa(getText);
    document.getElementById('basesixfour').value = base64-encode;
}
</script>

Answer 1

你打错了
变化：

base64-encode  ->  base64_encode

和

base64-decode  ->  base64_decode

<h3>Decoders and Encoders</h3>
Base64 Decoder/Encoder<br>
<textarea name="base64-textarea" cols="50" rows="20" id="basesixfour"></textarea><br>
<input type="submit" value="Decode" id="inline left" onclick="base64_decode()">
<input type="submit" value="Encode" id="inline left" onclick="base64_encode()">

<script language="javascript">
function base64_decode() {
    var getText = document.getElementById('basesixfour').value;
    var base64_decode = atob(getText);
    document.getElementById('basesixfour').value = base64_decode;
}
function base64_encode() {
    var getText = document.getElementById('basesixfour').value;
    var base64_encode = btoa(getText);
    document.getElementById('basesixfour').value = base64_encode;
}
</script>

JavaScript 将 Textarea 文本替换为 Base64

JavaScript Replacing Textarea Text with Base64

javascript

html

base64

decode

encode