JSFiddle - React, Tailwind, and code Playground

by Emily Humphrey

HTML

<div class="book">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc efficitur, orci in lacinia condimentum, ligula mauris dapibus nisl, a porttitor sapien leo vel nunc. Etiam in molestie enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis rutrum, sem vel tincidunt pretium, erat dolor feugiat massa, id porttitor dolor velit non augue. Cras dapibus bibendum mauris, at faucibus est dapibus a. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Maecenas mi metus, laoreet ac purus et, iaculis consectetur nisl. Donec in blandit nibh. Quisque gravida arcu id ante convallis, eu ultricies dui fringilla. Integer sit amet pulvinar nibh, ac volutpat justo. Suspendisse congue, augue quis varius maximus, metus leo tempus tortor, sed egestas diam neque in mauris. Cras faucibus dolor non ante vulputate porta. Ut sed tempus ligula, nec tristique odio. Morbi blandit rutrum libero egestas consectetur. Donec imperdiet, tellus ut venenatis porttitor, libero dui vestibulum orci, ut pulvinar ipsum augue vel diam. Suspendisse at euismod nunc. Mauris facilisis sit amet erat nec pretium. Curabitur maximus urna in nisi posuere, eu egestas ligula ultrices. Donec sodales hendrerit dapibus. Etiam ultrices aliquam maximus. Donec pharetra auctor blandit.

Integer finibus nisi non dui facilisis, et mattis metus sodales. Vestibulum ut enim neque. Vestibulum accumsan cursus augue, at fermentum mauris pulvinar et. Nunc ac magna est. Donec fringilla vehicula pellentesque. Praesent porta mauris justo, sit amet malesuada erat facilisis ut. Etiam a mauris id sem interdum imperdiet at non ipsum. Quisque tempus sem id odio sollicitudin pretium.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ac justo eget elit bibendum lacinia in eget tellus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer faucibus eros turpis, auctor...

CSS

div.book{
  display: none;
}

JavaScript

var book = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ?!, ";

var book = $(".book").text()+"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ?!,";
cypherText("Hello, my name is Chad. I developed this over holiday break after listening to an episode of the Thinking Sideway podcast about the Beale ciphers.", book);

function cypherText(a,b){
	var text = a.split("");
  var cypheredText = "";
  for(var i = 0, x = text.length; i < x; i++){
    	cypheredText += cypherLetter(text[i], b);
  }
  $("body").append(cypheredText.substring(0, cypheredText.length - 1))
}

function cypherLetter(a,b){
	var cryptic = b.split("");
  
  for(var i = 0, x = cryptic.length; i < x; i++){
  	var count = 0;
  	if(a === cryptic[i]){
    	return sorter((i+1))+",";
    }
  }
}
  
function sorter(num){
  return num;
}