Hallo miteinander,
morgen "Montag, 26.07.2021" muss ich Mister X spielen bei einer Geburtstagsfeier.
Ich habe jedoch Angst das die Kinder 7-9 beim Suchen von Mister-X irgendwann keine Lust mehr haben, daher sende ich WhatsApp kleine Videos und ich dachte auch an einen geheimen Code. So das ich einen Satz übermitteln kann und die Kinder das dann erst Endschlüsseln müssen.
Code
<html>
<head>
<style>
</style>
<link href="/css_webseite/materialize.min.css" rel="stylesheet">
<script src="/js_webseite/jquery.js"></script>
</head>
<body>
<div class="row">
<div class="col s4"></div>
<div class="col s4" id="container">
<h1>Caesar Verschlüsselung</h1>
<div class="input">
<form id="form">
<label for="cypher">Text:</label>
<input type="text" id="cypher"/>
<label for="offset">Verschiebung:</label>
<input type="number" value="7" id="offset"/>
<label for="finish">Resultat:</label>
<input type="text" id="finish" readonly/>
</form>
</div>
</div>
<div class="col s4"></div>
</div>
<script>
var alphabet = "abcdefghijklmnopqrstuvwxyz";
var fullAlphabet = alphabet + alphabet + alphabet;
function runCipher(){
var cipherText = $('#cypher').val();
var cipherOffset = $('#offset').val();
cipherOffset = (cipherOffset % alphabet.length);
var cipherFinish = '';
for(i=0; i<cipherText.length; i++){
var letter = cipherText[i];
var upper = (letter == letter.toUpperCase());
letter = letter.toLowerCase();
var index = alphabet.indexOf(letter);
if(index == -1){
cipherFinish += letter;
} else {
index = ((index + cipherOffset) + alphabet.length);
var nextLetter = fullAlphabet[index];
if(upper) nextLetter = nextLetter.toUpperCase();
cipherFinish += nextLetter;
}
}
$('#finish').val(cipherFinish);
}
$(document).ready(function() {
$('#cypher').keypress(function(){
setTimeout(function(){ runCipher(); },20);
});
$('#cypher').blur(function(){
runCipher();
});
$('#offset').change(function(){
setTimeout(runCipher(),20);
});
});
</script>
</body>
</html>