caesar/index.html at main · brndndev/caesar · GitHub

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
<!DOCTYPE html>
<html>
<head>
	<title>Caesar Cipher</title>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
	<div class="container">
		<h1>Caesar Cipher</h1>
		<form>
			<label for="plaintext">Plaintext:</label>
			<input type="text" id="plaintext" placeholder="Enter plaintext">
			<br>
			<label for="shift">Shift:</label>
			<input type="text" id="shift" placeholder="Enter shift amount">
			<br>
			<label for="ciphertext">Ciphertext:</label>
			<textarea id="ciphertext" readonly></textarea>
			<br>
			<button type="button" id="encrypt-button">Encrypt</button>
			<button type="button" id="copy-button">Copy to clipboard</button>
			<button type="button" id="save-button">Save</button>
			<button type="button" id="load-button">Load</button>
		</form>
	</div>
	<script src="script.js"></script>
</body>
</html>