base64form

フォーム

JavaScriptのbtoa()でBASE64エンコード、atob()でBASE64デコードするフォーム。


 

HTML

デスクトップにファイルを置いてダブルクリックで使えるようにしておくといいかも。

decenc.html
<!doctype html>
<html>
  <head>
    <title>base64 decode encode</title>
  </head>
  <body>
    <h1>base64 decode encode</h1>
    JavaScriptのbtoa()でBASE64エンコード、atob()でBASE64デコードするフォーム。 <br/>
    <textarea id="txt" rows="5" cols="40" placeholder="ここにテキストを貼ってください"></textarea><br/>
    <button id="dec">btoa()</button>&nbsp;<button id="enc">atob()</button>
    <script>
      document.getElementById('dec').addEventListener('click',function(e){ document.getElementById('txt').value=btoa(document.getElementById('txt').value)});
      document.getElementById('enc').addEventListener('click',function(e){ document.getElementById('txt').value=atob(document.getElementById('txt').value)});
    </script>
  </body>
</html>