Raccoon

gen

by Barbos

HTML

<center>Input your personalization code:<p>
<input type="text" value = "" id="input"/><button id="gen">Generate</button>
<p id="output"></p>

CSS

body {
  background: #20262E;
  padding: 20px;
  font-family: Helvetica;
  color: #fff;
}

button {
  background: #0084ff;
  border: none;
  border-radius: 5px;
  padding: 4px 8px;
  font-size: 14px;
  color: #fff;
}

JavaScript

var gen = document.getElementById('gen'),
    output = document.getElementById('output'),
    input = document.getElementById('input')

var smoke = function(mix,inp){
    var result = "";
    var idx = 0;
    inp = inp.toLowerCase();
    for (var i=0; i<mix.length; i++) {
        result += String.fromCharCode(mix.charCodeAt(i) ^ inp.charCodeAt(idx));
        idx = (idx + 1) % inp.length;
    }
    return btoa(result);
}

gen.onclick = function() {
			output.innerHTML = "Unlock key: " + smoke("valid", input.value) + 
      "<p>Trial key: " + smoke("trial", input.value);
}