html Moncho Varela的钢笔。

Posted 2021-05-11

yieqs
-----


Forked from [paul](http://codepen.io/captDaylight/)'s Pen [pmeth](http://codepen.io/captDaylight/pen/pmeth/).

A [Pen](http://codepen.io/nakome/pen/yieqs) by [Moncho Varela](http://codepen.io/nakome) on [CodePen](http://codepen.io/).

[License](http://codepen.io/nakome/pen/yieqs/license).

pre{
  word-break:break-word;
  background:#eee;
  color:#444;
  padding:10px;
}

//var data = '<p>May the success that has come your way today lead you to a bigger achievement in the years to come.</p><p><b>Congratulations!</b></p>';
//var encrypted = CryptoJS.AES.encrypt(data, "Power");

var encrypted = 'U2FsdGVkX1+MIvfmngIr24F7+/T5KBGLCuwKiCsxygtFfVc7gDIy7KnK60DRvgb6soah1pi1KXyXGlZhGD0KPe8iMcEQnBBeufEexSVA84OS++SwriPLJtp1vDweLZCwl85b7P5xVWMz/P0z9QOUDR9LIbflyFfoX+7RGo90Lf7OgwhCVCjBe2Z6SIreCovvwMZMpHg0sHK+Et7EJ3gWKQ==';

var  out = qS('.result');
out.innerHTML = encrypted;


qS('#go').addEventListener('click',function(e){
  e.preventDefault();
  var decrypted = CryptoJS.AES.decrypt(encrypted, qS('#password').value);
  out.innerHTML = decrypted.toString(CryptoJS.enc.Utf8);
});

function qS(el){
  return document.querySelector(el);
}

<form action="#">
    <label for="name">Password:</label>
    <input type="text" name="password" id="password" value="Power"/>
    <input type="submit" value="Submit" id="go" />
</form>

<hr />

<pre class="result"></pre>