JSFiddle - React, Tailwind, and code Playground

by puuga

HTML

<input id="input" onkeyup="goo()"></input>
<input id="key" type="number" min="0" value="1" onchange="goo()"></input>
<div id="output"></div>

JavaScript

// ceasar cipher (key=n)
function goo() {
    var text = document.getElementById("input").value.toUpperCase();
    var key = 1*document.getElementById("key").value;
    var output = "";
    for(i=0; i< key; i++) {
        var temp ="";
        for(j=0;j<text.length;j++) {
            temp += encrypt(text[j]);
            //alert(encrypt(text[j]));
        }
        text = temp;
    }
    output = text;
    document.getElementById("output").innerHTML = output;
}

function encrypt(text) {
    if(text=="A")
        return "B";
    else if(text=="B")
        return "C";
    else if(text=="C")
        return "D";
    else if(text=="D")
        return "E";
    else if(text=="E")
        return "F";
    else if(text=="F")
        return "G";
    else if(text=="G")
        return "H";
    else if(text=="H")
        return "I";
    else if(text=="I")
        return "J";
    else if(text=="J")
        return "K";
    else if(text=="K")
        return "L";
    else if(text=="L")
        return "M";
    else if(text=="M")
        return "N";
    else if(text=="N")
        return "O";
    else if(text=="O")
        return "P";
    else if(text=="P")
        return "Q";
    else if(text=="Q")
        return "R";
    else if(text=="R")
        return "S";
    else if(text=="S")
        return "T";
    else if(text=="T")
        return "U";
    else if(text=="U")
        return "V";
    else if(text=="V")
        return "W";
    else if(text=="W")
        return "X";
    else if(text=="X")
        return "Y";
    else if(text=="Y")
        return "Z";
    else if(text=="Z")
        return "A";
}