-
Notifications
You must be signed in to change notification settings - Fork 9
/
index.html
88 lines (75 loc) · 3.2 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<!DOCTYPE html>
<html>
<head>
<title>Message Translator</title>
<!--
On mobile devices (e.g. a cell phone) the screen is much
smaller than on a laptop. Set the viewport so that the page is
scaled on such screens.
https://developer.mozilla.org/en-US/docs/Web/CSS/Viewport_concepts
-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Load the stylesheet (https://developer.mozilla.org/en-US/docs/Learn/CSS) -->
<link rel="stylesheet" href="style.css">
<!--
The jQuery library makes things like HTML document traversal
and manipulation, event handling, animation, and Ajax much
simpler...
https://jquery.com/
-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<!--
Load the JavaScript for this page. Note that we need to set
the type to 'module' so that we can run our unit tests.
-->
<script type="module" src="helpers.js"></script>
</head>
<body>
<div>
<p><strong>Cypher</strong>bot</p>
<p>
<select onchange="selectLanguage(this.options[this.selectedIndex].value)">
<option value="en" selected>English</option>
<option value="de">Deutsch</option>
<option value="cn">中文</option>
<option value="es">Español</option>
<option value="LU">language of random</option>
</select>
</p>
<!--
This is pretty unclear for a newbie (like me) .. should
break it up and provide more detail (with comments)?
-->
<label for="inputtext">
<span lang="en">Message:</span>
<span lang="de">Nachricht:</span>
<span lang="cn">讯息:</span>
<span lang="es">Mensaje:</span>
<span lang="LU">QWERTYUIOP:</span>
</label>
<textarea id="inputtext" name="inputtext" rows="4" cols="50" placeholder="Enter message to be de/encrypted."></textarea><br><br>
<label for="key">
<span lang="en">Secret Key:</span>
<span lang="de">Schlüssel:</span>
<span lang="cn">秘密:</span>
<span lang="es">Clave Secreto:</span>
<span lang="LU">TyPe LeTtErS:</span>
</label>
<input type="key" id="key" name="key"><br><br>
<label for="outputtext">
<span lang="en">Decoded Message:</span>
<span lang="de">Entschlüsselte Nachricht:</span>
<span lang="cn">解码后的消息:</span>
<span lang="es">Mensaje Decodificado:</span>
<span lang="LU">SUPPOSED MESSAGE:</span>
</label>
<textarea id="outputtext" name="outputtext" rows="4" cols="50">Output de/encrypted message</textarea><br><br>
<!-- button -->
<span lang="en"><input type="submit" onclick="processForm()" value="Encrypt"></span>
<span lang="de"><input type="submit" onclick="processForm()" value="Verschlüsseln"></span>
<span lang="cn"><input type="submit" onclick="processForm()" value="加密"></span>
<span lang="es"><input type="submit" onclick="processForm()" value="Cifrar"></span>
<span lang="LU"><input type="submit" onclick="processForm()" value="CLIKE HERE FOR CANDY"></span>
</div>
</body>
</html>