mirror of
https://github.com/inzerosight/inzerosight.github.io.git
synced 2026-01-13 16:18:06 +00:00
Feat: Consolidate JS and import zwus as module
This commit is contained in:
34
index.html
34
index.html
@@ -2,7 +2,7 @@
|
|||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale-1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet">
|
||||||
@@ -29,7 +29,37 @@
|
|||||||
<p id="notice">
|
<p id="notice">
|
||||||
notice: some platforms restrict Ø width characters.
|
notice: some platforms restrict Ø width characters.
|
||||||
</p>
|
</p>
|
||||||
<script src="dash.js"></script>
|
<script type="module">
|
||||||
|
import zwus from 'https://cdn.jsdelivr.net/npm/zwus';
|
||||||
|
|
||||||
|
const textarea = document.getElementById('textarea');
|
||||||
|
const encoderDropdown = document.getElementById('encoder');
|
||||||
|
const cipherDropdown = document.getElementById('cipher');
|
||||||
|
const DESCRY = {
|
||||||
|
NO: { PLAIN: (ptStr, base) => zwus.encodeString(ptStr, base) },
|
||||||
|
YES: { PLAIN: (ptStr, base) => zwus.decodeToString(ptStr, base) }
|
||||||
|
};
|
||||||
|
|
||||||
|
['encodeButton', 'decodeButton'].forEach(id =>
|
||||||
|
document.getElementById(id).addEventListener('click', event => {
|
||||||
|
if (!textarea.value) {
|
||||||
|
textarea.value = 'The text box is empty.';
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const op = event.target.id === 'encodeButton' ? 'NO' : 'YES';
|
||||||
|
textarea.value = DESCRY[op][cipherDropdown.value](
|
||||||
|
textarea.value,
|
||||||
|
encoderDropdown.value.split('-')[1]
|
||||||
|
);
|
||||||
|
|
||||||
|
if (op === 'NO') {
|
||||||
|
textarea.select();
|
||||||
|
document.execCommand('copy');
|
||||||
|
textarea.value = `Copied to clipboard. [${textarea.value}]`;
|
||||||
|
}
|
||||||
|
})
|
||||||
|
);
|
||||||
|
</script>
|
||||||
</body>
|
</body>
|
||||||
<style>
|
<style>
|
||||||
html, body, div, span, applet, object, iframe,
|
html, body, div, span, applet, object, iframe,
|
||||||
|
|||||||
Reference in New Issue
Block a user