#4 basic caesar cipher setup

src/ciphers/caesar-cipher/caesarEncipher.js

@@ -1,4 +1,16 @@
 export const caesarEncipher = (key, message) => {
-	console.log(key);
-	console.log(message);
+	let cipherText = '';
+
+	[...message].forEach((letter) => {
+		const letterASCIIValue = letter.charCodeAt(0) - 97;
+		let shiftedASCIIValue = letterASCIIValue + key;
+		console.log(shiftedASCIIValue);
+		if (shiftedASCIIValue > 25) {
+			shiftedASCIIValue = shiftedASCIIValue - 26;
+		}
+		const cipheredLetter = String.fromCharCode(shiftedASCIIValue + 97);
+		cipherText += cipheredLetter;
+	});
+	console.log(cipherText);
+	return cipherText;
 };

src/routes/caesar-cipher.svelte

@@ -17,7 +17,10 @@
 	<textarea id="message" name="message" />
 	<p>Please select a key to shift by:</p>
 	<input type="number" id="key" name="key" min="0" max="25" />
+	<p>Please note, shifting by a key greater than 25 will act as a shift from 0.</p>
 	<p>Result</p>
-	<textarea id="output" readonly />
-	<button on:click={() => caesarEncipher(key.value, message.value)}>Encrypt</button>
+	<textarea readonly id="ciphertext" name="ciphertext" />
+	<button on:click={() => (ciphertext.value = caesarEncipher(parseInt(key.value), message.value))}
+		>Encrypt</button
+	>
 </div>