Topalian Cipher Generator by Christopher Topalian

Topalian
Cipher
Generator
by
Christopher Topalian
All Rights Reserved
Copyright 2000-2023
Dedicated
to
God the Father





<html>
<head>
<title> Topalian Cipher Generator </title>
<link rel = "stylesheet" href = "css/style001.css">
<script>
let convertedTextArray = [];
function createCipherGenerator()
{
let mainDiv = document.createElement("div");
mainDiv.className = "mainDivStyle";
document.body.append(mainDiv);
//----//
let titleText = document.createElement("div");

titleText.className = "titleTextStyle";
titleText.innerHTML = "Topalian Cipher Generator";
mainDiv.append(titleText);
//----//
let lineAfterTitleText =
document.createElement("hr");
lineAfterTitleText.style.margin = 3 + "px";
mainDiv.append(lineAfterTitleText);
//----//
let line2AfterTitleText =
line2AfterTitleText.style.margin = 7 + "px";
mainDiv.append(line2AfterTitleText);
//----//
let enterText = document.createElement("textarea");

enterText.id = "enterText";
enterText.className = "enterTextStyle";
enterText.placeholder = "Enter Text Here";
enterText.title = "Enter Text Here";
enterText.onchange = function()
{
// clear unscrambledArray
unscrambledArray = [];
// clear the unscrambled text box

document.getElementById("unscrambledResult").value
= "";
//----//
let originalTextArray =
enterText.value.toLowerCase().split("");
console.log(originalTextArray);
for (let x = 0; x < originalTextArray.length; x++)

{
if (originalTextArray[x] == "a")
{
convertedTextArray.push(originalTextArray[x]
= 1);
}
if (originalTextArray[x] == "b")
{
= 2);
}
if (originalTextArray[x] == "c")
{
= 3);
}
if (originalTextArray[x] == "d")
{
= 4);
}
if (originalTextArray[x] == "e")
{
= 5);
}
if (originalTextArray[x] == "f")
{
= 6);
}
if (originalTextArray[x] == "g")
{
= 7);
}
if (originalTextArray[x] == "h")
{
= 8);
}
if (originalTextArray[x] == "i")
{
= 9);
}
if (originalTextArray[x] == "j")
{
= 10);
}
if (originalTextArray[x] == "k")
{
= 11);
}
if (originalTextArray[x] == "l")
{
= 12);
}
if (originalTextArray[x] == "m")
{
= 13);
}
if (originalTextArray[x] == "n")
{
= 14);
}
if (originalTextArray[x] == "o")
{
= 15);
}
if (originalTextArray[x] == "p")
{
= 16);
}
if (originalTextArray[x] == "q")
{
= 17);
}
if (originalTextArray[x] == "r")
{
= 18);
}
if (originalTextArray[x] == "s")
{
= 19);
}
if (originalTextArray[x] == "t")
{
= 20);
}
if (originalTextArray[x] == "u")
{
= 21);
}
if (originalTextArray[x] == "v")
{
= 22);
}
if (originalTextArray[x] == "w")
{
= 23);
}
if (originalTextArray[x] == "x")
{
= 24);
}
if (originalTextArray[x] == "y")
{
= 25);
}
if (originalTextArray[x] == "z")
{
= 26);
}
document.getElementById("conversionResult").value
= convertedTextArray;
}
//----//
// we add the values together to calculate their sum

convertedTextArray.reduce(function()
{
let result =
convertedTextArray.reduce(function(a, b)
{
return a + b;
}, 0);
document.getElementById("sumResult").value =
result;
console.log(result);
});
convertedTextArray = [];
};
mainDiv.append(enterText);
//----//
let lineAfterEnterText =
mainDiv.append(lineAfterEnterText);
//----//
let conversionResult =
document.createElement("textarea");
conversionResult.id = "conversionResult";
conversionResult.className =
"conversionResultStyle";
conversionResult.placeholder = "The Converted
Values";
conversionResult.setAttribute("readonly", "true");
mainDiv.append(conversionResult);
//----//
let lineAfterConversionResult =
mainDiv.append(lineAfterConversionResult);
//----//
let sumResult = document.createElement("textarea");

sumResult.id = "sumResult";
sumResult.className = "sumResultStyle";
sumResult.placeholder = "The Sum";
sumResult.setAttribute("readonly", "true");
mainDiv.append(sumResult);
//----//
let lineAfterSumResult =
mainDiv.append(lineAfterSumResult);
//----//
let unscrambledResult =
document.createElement("textarea");
unscrambledResult.id = "unscrambledResult";
unscrambledResult.className =
"unscrambledResultStyle";
unscrambledResult.setAttribute("readonly", "true");
mainDiv.append(unscrambledResult);
//----//
let unscrambleButton =
document.createElement("button");
unscrambleButton.className =
"unscrambleButtonStyle";
unscrambleButton.innerHTML = "Unscramble";
// when left clicked

unscrambleButton.onclick = function()
{
unscrambleText()
};
mainDiv.append(unscrambleButton);
}
//----//
let unscrambledArray = [];
function unscrambleText()
{
let originalTextArray =
document.getElementById("conversionResult").value.t
oLowerCase().split(",");
for (let x = 0; x < originalTextArray.length; x++)

{
if (originalTextArray[x] == "1")
{
unscrambledArray.push(originalTextArray[x] =
"a");
}
{
"b");
}
{
"c");
}
{
"d");
}
{
"e");
}
{
"f");
}
{
"g");
}
{
"h");
}
{
"i");
}
{
"j");
}
{
"k");
}
{
"l");
}
{
"m");
}
{
"n");
}
{
"o");
}
{
"p");
}
{
"q");
}
{
"r");
}
{
"s");
}
{
"t");
}
{
"u");
}
{
"v");
}
{
"w");
}
{
"x");
}
{
"y");
}
{
"z");
}
document.getElementById("unscrambledResult").value
= unscrambledArray;
}
unscrambledArray = [];
</script>
</head>
<body onload = "createCipherGenerator();">
</body>
</html>
/* Dedicated to God the Father */
/* All Rights Reserved Christopher Topalian Copyright

2000-2023 */
/* https://github.com/ChristopherTopalian */
/* style001.css */
body
{
background-color: rgb(70, 70, 70);
color: rgb(200, 200, 200);
}
textarea
{
width: 500px;
padding-left: 10px;
padding-right: 10px;
border-radius: 5px;
font-family: arial;
font-size: 30px;
font-weight: bold;
color: rgb(255, 255, 255);
}
hr
{
width: 100%;
}
.mainDivStyle
{
position: relative;
left: 20px;
top: 100px;
width: 500px;
border-style: solid;
border-width: 2px;
border-radius: 5px;
display: flex;
flex-direction: column;
align-items: center;
margin: auto;
}
.titleTextStyle
{
padding: 5px;
margin: auto;
font-family: arial;
font-size: 30px;
font-weight: bold;
display: flex;
}
.enterTextStyle
{
padding-top: 2px;
padding-bottom: 2px;
}
.conversionResultStyle
{
padding-top: 4px;
color: rgb(0, 275, 275);
}
.sumResultStyle
{
padding-top: 4px;
color: rgb(0, 275, 275);
}
.unscrambledResultStyle
{
padding-top: 2px;
}
.unscrambleButtonStyle
{
padding-left: 10px;
padding-right: 10px;
padding-top: 3px;
margin-top: 4px;
margin-bottom: 6px;
border-radius: 8px;
font-family: arial;
font-size: 20px;
font-weight: bold;
color: rgb(255, 255, 255);
display: flex;
}
.unscrambleButtonStyle:hover
{
border-color: rgb(0, 255, 255);
}
.unscrambleButtonStyle:active
{
color: rgb(0, 255, 255);
}
For More Tutorials:
CollegeOfScripting.weebly.com
CollegeOfScripting.wordpress.com
GitHub.com/ChristopherTopalian
Youtube.com/ScriptingCollege
Twitter.com/CollegeOfScript
Sites.google.com/view/
CollegeOfScripting
Dedicated to God the Father
This book is created by the
College of Scripting Music & Science.
Always remember, that each time you write a script with
a pencil and paper, it becomes imprinted so deeply in
memory that the material and methods are learned
extremely well.
When you Type the scripts, the same is true. The more
you type and write out the scripts by keyboard or pencil
and paper, the more you will learn programming!
Write and Type EVERY example that you find.

Keep all of your scripts organized.
Every script that you create increases your
programming abilities.
SEEING CODE, is one thing,
but WRITING CODE is another.
Write it, Type it, Speak It, See It, Dream It.
www.CollegeOfScripting.weebly.com

Topalian Cipher Generator by Christopher Topalian

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Topalian Cipher Generator by Christopher Topalian

Uploaded by

Copyright:

Available Formats

Topalian

<!-- All Rights Reserved Christopher Topalian Copyright

<link rel = "stylesheet" href = "css/style001.css">

let titleText = document.createElement("div");

let enterText = document.createElement("textarea");

// clear the unscrambled text box

for (let x = 0; x < originalTextArray.length; x++)

// we add the values together to calculate their sum

let sumResult = document.createElement("textarea");

// when left clicked

let unscrambledArray = [];

for (let x = 0; x < originalTextArray.length; x++)

<body onload = "createCipherGenerator();">

/* All Rights Reserved Christopher Topalian Copyright

Write and Type EVERY example that you find.

You might also like