Alamantus/otp-generator
1
0
Fork 0
mirror of https://github.com/Alamantus/otp-generator.git synced 2025-11-06 11:17:07 +01:00
Code Issues Releases Wiki Activity

Add a way to generate any-length pad

Browse source
This commit is contained in:
Robbie Antenesse 2018-02-21 10:03:57 -07:00 • committed by Robbie Antenesse
parent a39f39c805
commit de69f9e9b6
2 changed files with 69 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
index.html
View file

@ -19,8 +19,41 @@
<body> <body>
<div class="section"> <div class="section">
<div class="container"> <div class="container">
<div class="columns">
<div class="column is-one-third">
<h2 class="title">
Generate a One-Time Pad
</h2>
<div class="field has-addons">
<div class="control">
<input class="input" type="number" id="padLength" placeholder="Length">
</div>
<div class="control">
<a class="button" id="generatePad">
<span>
Generate Pad
</span>
<span class="icon">
<i class="fa fa-lock"></i>
</span>
</a>
</div>
</div>
<div class="columns"> <div class="columns">
<div class="column"> <div class="column">
<label class="label">One-Time Pad</label>
<div class="box">
<pre id="generatedPad"></pre>
</div>
</div>
</div>
</div>
<div class="column is-one-third">
<h2 class="title">
Encrypt a Message
</h2>
<div class="field"> <div class="field">
<label class="label"> <label class="label">
Your Message Your Message
@ -55,13 +88,16 @@
<div class="column"> <div class="column">
<label class="label">Encrypted Message</label> <label class="label">Encrypted Message</label>
<div class="box"> <div class="box">
<pre id="encrypted"></pre> <pre id="encrypted" style="width:100%;line-break"></pre>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="column"> <div class="column is-one-third">
<h2 class="title">
Encrypt a Message
</h2>
<div class="field"> <div class="field">
<label class="label"> <label class="label">
Their Message Their Message
@ -96,7 +132,7 @@
<div class="column"> <div class="column">
<label class="label">Decrypted Message</label> <label class="label">Decrypted Message</label>
<div class="box"> <div class="box">
<pre id="decrypted"></pre> <pre id="decrypted" style="width:100%;line-break"></pre>
</div> </div>
</div> </div>
</div> </div>

16
index.js
View file

@ -5,7 +5,7 @@ const CHARS = [
'&', '$', '&', '$',
]; ];
const generatePad = (length) => { export const generatePad = (length) => {
const pad = []; const pad = [];
for (let i = 0; i < length; i++) { for (let i = 0; i < length; i++) {
const letter = Math.floor(Math.random() * CHARS.length); const letter = Math.floor(Math.random() * CHARS.length);
@ -41,7 +41,8 @@ export const decrypt = (string, pad) => {
}).join('').replace(/\&/g, ' ').replace(/\$/g, '-'); }).join('').replace(/\&/g, ' ').replace(/\$/g, '-');
} }
document.getElementById('encryptInput').onclick = () => { window.onload = () => {
document.getElementById('encryptInput').onclick = () => {
const error = document.getElementById('inputError'); const error = document.getElementById('inputError');
const input = document.getElementById('input').value; const input = document.getElementById('input').value;
const inputPad = stripString(document.getElementById('inputPad').value).toUpperCase(); const inputPad = stripString(document.getElementById('inputPad').value).toUpperCase();
@ -55,11 +56,18 @@ document.getElementById('encryptInput').onclick = () => {
document.getElementById('inputPad').value = encryption.oneTimePad.join(''); document.getElementById('inputPad').value = encryption.oneTimePad.join('');
document.getElementById('encrypted').innerHTML = encryption.encryptedMessage; document.getElementById('encrypted').innerHTML = encryption.encryptedMessage;
} }
} }
document.getElementById('decryptInput').onclick = () => { document.getElementById('decryptInput').onclick = () => {
const input = document.getElementById('encryptedInput').value; const input = document.getElementById('encryptedInput').value;
const pad = document.getElementById('encryptedInputPad').value.split(''); const pad = document.getElementById('encryptedInputPad').value.split('');
const output = decrypt(input, pad); const output = decrypt(input, pad);
document.getElementById('decrypted').innerHTML = output; document.getElementById('decrypted').innerHTML = output;
}
document.getElementById('generatePad').onclick = () => {
const input = parseInt(document.getElementById('padLength').value, 10);
const output = generatePad(input);
document.getElementById('generatedPad').innerHTML = output.join('');
}
} }