JSFiddle - React, Tailwind, and code Playground

by BDG

HTML

<textarea id="foo">30
ejp mysljylc kd kxveddknmc re jsicpdrysi
rbcpc ypc rtcsra dkh wyfrepkym veddknkmkrkcd
de kr kd eoya kw aej tysr re ujdr lkgc jv
hello i am the google code jam test data
how are you
aynny iynny aynny iynny aynny iynny aynny iynny aynny iynny aynny iynny aynny iynny aynny ieeeeeeeee
y n f i c w l b k u o m x s e v z p d r j g a t h a q set k oset xa ynfd
schr rkxc tesr aej dksl tkrb xc
k bygc ncdrci wpjkr dvkoc ysi xees set k dbymm ncdr aej rbc lja
wpkcsid iesr mcr wpkcsid mcr dfkcsrkwkf vpelpcdd le nekso
ys cac wep ys cac ysi y vklces wep y vklces
eb seeeee lellymep kd bcyici wep rbc epvbysylc
eb xa lei mcrd xyoc ejr
mcr mkvd ie tbyr bysid ie
tbeeeeeeeeeeeeeeeeeeeyyyyyyyyy k oset f vmjd vmjd
set rbyr aej oset leelmcpcdc vmcydc ie ser jdc kr re byfo ksre ejp dadrcxd
rbyso aej njr rbc pcym leelmcpcdc kd ks yserbcp fydrmc
aej tysr dcmm rbksld yr xc neksl qeeex
aej ncrrcp fjr rbc vkqqy ks wejp vkcfcd ncfyjdc kx ser bjslpa csejlb re cyr dkh
tba ie vpelpyxxcpd ymtyad xkh jv bymmetccs ysi fbpkdrxyd
rpysdmyrksl rchr kd ser leped drpcslrb
drpcslrb kd leped drpcslrb
wep rbedc tbe dvcyo ks y resljc ie ser dvcyo re erbcp vcevmc
seneia jsicpdrysid rbcx dksfc rbca ypc dvcyoksl xadrcpkcd ks rbc dvkpkr
cyfb ew jd byd bkd ets dvcfkym lkwr ysi aej oset rbkd tyd xcysr re nc rpjc
ysi kw aej iesr jsicpcdrkxyrc xc k tesr jsicpcdrkxyrc aej
lpccrksld fbccdc vevdkfmc rbc sjxncp aej bygc ikymci kd fjppcsrma ejr ew vepofbevd
w ew rte czjymd w ew esc czjymd esc
wep k ncrtccs rbpcc ysi s w ew k czjymd w ew k xksjd esc vmjd w ew k xksjd rte
xa syxc kd ijl k bygc ujdr xcr aej ysi k meeegc aej
</textarea>

CSS

textarea {
    height: 150px;
    width: 400px;
}

JavaScript

$ = function(id){
    return document.getElementById(id);
};

function translate(inStr){
    var translated = "";
    var table={" " : " ","a" : "y","b" : "h","c" : "e","d" : "s","e" : "o","f" : "c","g" : "v","h" : "x","i" : "d","j" : "u","k" : "i","l" : "g","m" : "l","n" : "b","o" : "k","p" : "r","q" : "z","r" : "t","s" : "n","t" : "w","u" : "j","v" : "p","w" : "f","x" : "m","y" : "a","z" : "q"};
    for (var i=0;i<inStr.length;i++){
        translated += table[inStr[i]]
    }
    return translated;
}
var box = $("foo");
var i=0;
var boxLines   = [];
var translated = [];



boxLines=box.value.split("\n");

for (i=1;i < +boxLines[0] + 1 ; i+=1) {
    translated.push("Case #" + i + ": " + translate(boxLines[i]));
}

box.value = (translated.join("\n"));