JSFiddle - React, Tailwind, and code Playground

by dledle2

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.9-1/core.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.9-1/sha1.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.9-1/hmac.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.9-1/enc-base64.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.9-1/cipher-core.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.9-1/aes.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.9-1/pbkdf2.js"></script>




<script>
  function encrypt() {
    var encypt_text = document.getElementById("encypt-text").value;
    var pass = CryptoJS.enc.Utf8.parse(document.getElementById("encrypt-password").value);
    var salt = CryptoJS.lib.WordArray.random(128 / 8);
    var key = CryptoJS.PBKDF2(pass, salt, {
      keySize: 256 / 32,
      iterations: 100
    });
    var iv = CryptoJS.lib.WordArray.random(128 / 8);
    var options = {
      iv: iv,
      mode: CryptoJS.mode.CBC,
      padding: CryptoJS.pad.Pkcs7
    };
    var encrypted = CryptoJS.AES.encrypt(encypt_text, key, options);
    document.getElementById("transitmessage").value = salt.toString() + iv.toString() + encrypted.toString();
  }

  function decrypt() {
    document.getElementById("decrypted").value = "";
    var transitmessage = document.getElementById("transitmessage").value;
    var salt = CryptoJS.enc.Hex.parse(transitmessage.substr(0, 32));
    var iv = CryptoJS.enc.Hex.parse(transitmessage.substr(32, 32));
    var encrypted = transitmessage.substring(64);
    var pass = CryptoJS.enc.Utf8.parse(document.getElementById("decrypt-password").value);
    var key = CryptoJS.PBKDF2(pass, salt, {
      keySize: 256 / 32,
      iterations: 100
    });
    var options = {
      iv: iv,
      mode: CryptoJS.mode.CBC,
      padding: CryptoJS.pad.Pkcs7
    };
    var decrypted =...

JavaScript

$('button[name="addHousemate"]').click(function() {
    var value = $('input[id="addHousemate"]').val();
    $('tr td:last').after("<tr><td>" + value + "</td></tr>");
    $('input[id="addHousemate"]').val('');
});




javascript: w = window.open('', 'Links', 'scrollbars,resizable,width=640,height=550');
w.document.write('<!DOCTYPE%20html><html><head><meta%20charset="utf-8"    ');