CryptoJS.AES

http://q.hatena.ne.jp/1460252561

HTML

<script src="//raw.githack.com/sytelus/CryptoJS/master/rollups/aes.js"></script>
<textarea id="plain"></textarea>
<input type="text" id="pass">
<button id="encrypt">暗号　↓</button>
<button id="decrypt">↑　復号</button>
<textarea id="encrypted"></textarea>

CSS

textarea{
  display:block;
  width:100%;
  height: 10em;
}
#pass{
  margin-right: 3em;
}

JavaScript

$("#encrypt").click(function() {
  var txt = $("#plain").val();
  var pass = $("#pass").val();
  var enc = CryptoJS.AES.encrypt(txt, pass);
  $("#encrypted").val(enc.toString());
});
$("#decrypt").click(function() {
  var enc = $("#encrypted").val();
  var pass = $("#pass").val();
  var dec = CryptoJS.AES.decrypt(enc, pass);
  $("#plain").val(dec.toString(CryptoJS.enc.Utf8));
});