window.onload = function(){ var encrypt = document.getElementById("b1"); var decrypt = document.getElementById("b2"); var restart = document.getElementById("startagain"); var heading = document.getElementById("header1"); var output1 = document.getElementById("output1"); var output2 = document.getElementById("output2"); var output3 = document.getElementById("output3"); var output4 = document.getElementById("output4"); restart.style.display = "none"; function restartAgain() { heading.innerHTML = "Crypto Cube"; encrypt.style.display = "inline"; decrypt.style.display = "inline"; output1.innerHTML = ""; output2.innerHTML = ""; output3.innerHTML = ""; output4.innerHTML = ""; restart.style.display = "none"; } var i, j; var inputString; var NumberofCubes; var cubeString = []; var cubeNumber; var finalMessage; var rotations = ["U","R","D","L"]; var TotalRotation, pickRotation; var dRotation = []; //Encrypt the input String function encryption(){ heading.innerHTML = "Cube Encryption"; encrypt.style.display = "none"; decrypt.style.display = "none"; restart.style.display = "inline-block"; createChunks(); finalMessage = ""; for (i = 0; i < NumberofCubes; i ++) { cubeNumber = cubeString[i]; var RotationArray = []; var tempString; // Random Number between 3 to 7 TotalRotation = Math.floor((Math.random() * 5) + 3); for (j = 0; j < TotalRotation; j ++) { // Get one random rotation form rotations Array pickRotation = rotations[Math.floor(Math.random() * rotations.length)]; tempString = ""; switch(pickRotation) { case "U": tempString = rollUp(cubeNumber); break; case "R": tempString = rollRight(cubeNumber); break; case "D": tempString = rollDown(cubeNumber); break; case "L": tempString = rollLeft(cubeNumber); break; default: console.log("Invalid Entry"); } //Add completed Rotation to the Array RotationArray.push(pickRotation); } finalMessage += tempString; output4.innerHTML = "Encryption Process: " output2.innerHTML += i; for (j = 0; j < RotationArray.length; j ++) { output2.innerHTML += ":" + RotationArray[j]; } output2.innerHTML += "
"; } output1.innerHTML = "Original Message: " + inputString; // output2.innerHTML += i + ":" + RotationArray + "
" output3.innerHTML = "Encrypted Message: " + String(finalMessage); } //Convert Input String into chunks of 8. function createChunks() { do { var i = 0; inputString = prompt("Enter Input String for Encryption"); i ++; } while (inputString == null && i > 3); if (inputString == null) { output1.innerHTML = "Enter valid String for Encryption"; return 0; } var strLength = inputString.length; if (strLength == 0) { output1.innerHTML = "Enter valid String for Encryption"; } else { var chunks = []; for (i = 0; i < strLength; i += 8) { chunks.push(inputString.substring(i, i+8)); } NumberofCubes = chunks.length; for (i = 0; i < NumberofCubes; i ++) { cubeString[i] = new Array(); for (j = 0; j < 8; j++) { cubeString[i][j] = chunks[i].substr(j,1); } } } } function rollUp(faceCube) { var temp = []; temp[0] = faceCube[4]; temp[1] = faceCube[0]; temp[2] = faceCube[3]; temp[3] = faceCube[7]; temp[4] = faceCube[5]; temp[5] = faceCube[1]; temp[6] = faceCube[2]; temp[7] = faceCube[6]; var str_1 = temp.join(""); return str_1; } function rollRight(faceCube) { var temp = []; temp[0] = faceCube[4]; temp[1] = faceCube[5]; temp[2] = faceCube[1]; temp[3] = faceCube[0]; temp[4] = faceCube[7]; temp[5] = faceCube[6]; temp[6] = faceCube[2]; temp[7] = faceCube[3]; var str_1 = temp.join(""); return str_1; } function rollDown(faceCube) { var temp = []; temp[0] = faceCube[1]; temp[1] = faceCube[5]; temp[2] = faceCube[6]; temp[3] = faceCube[2]; temp[4] = faceCube[0]; temp[5] = faceCube[4]; temp[6] = faceCube[7]; temp[7] = faceCube[3]; var str_1 = temp.join(""); return str_1; } function rollLeft(faceCube) { var temp = []; temp[0] = faceCube[3]; temp[1] = faceCube[2]; temp[2] = faceCube[6]; temp[3] = faceCube[7]; temp[4] = faceCube[0]; temp[5] = faceCube[1]; temp[6] = faceCube[5]; temp[7] = faceCube[4]; var str_1 = temp.join(""); return str_1; } //Decrypt the input string with given sequence. function decryption(){ heading.innerHTML = "Cube Decryption"; encrypt.style.display = "none"; decrypt.style.display = "none"; restart.style.display = "inline-block"; var inputString = prompt("Enter Encrypted String"); if (inputString == null) { output1.innerHTML = "Enter valid String for Decryption"; return 0; } var strLength = inputString.length; if (strLength == 0) { output1.innerHTML = "Enter valid String for Decryption"; } else { var chunks = []; for (i = 0; i < strLength; i += 8) { chunks.push(inputString.substring(i, i+8)); } NumberofCubes = chunks.length; for (i = 0; i < NumberofCubes; i ++) { cubeString[i] = new Array(); for (j = 0; j < 8; j++) { cubeString[i][j] = chunks[i].substr(j,1); } } for (j = 0; j < NumberofCubes; j ++) { dRotation[j] = new Array(); var inputRotation = prompt("Enter Encryption sequence used for Cube:(0:L:R:D:U) "); if (inputRotation == null) { output1.innerHTML = "Enter valid rotation sequence for Decryption"; } else { inputRotation = inputRotation.split(":"); } dRotation[j] = inputRotation; } decryptCube(dRotation); output1.innerHTML = "Encrypted Message: " + inputString; } } function decryptCube(RotateArray) { var tempString; finalMessage = ""; for (i = 0; i < NumberofCubes; i ++) { cubeNumber = cubeString[i]; for (j = 0; j < RotateArray[i].length; j ++) { tempString = ""; pickRotation = RotateArray[i][j]; switch(pickRotation) { case "U": tempString = rollDown(cubeNumber); break; case "R": tempString = rollLeft(cubeNumber); break; case "D": tempString = rollUp(cubeNumber); break; case "L": tempString = rollRight(cubeNumber); break; default: tempString = cubeNumber.join(""); break; } } finalMessage += tempString; } output4.innerHTML = "Used Encryption Process: " for (i = 0; i < NumberofCubes; i ++) { output2.innerHTML += i; for (j = 1; j < RotateArray[i].length; j ++) { if (rotations.includes(RotateArray[i][j])) { output2.innerHTML += ":" + RotateArray[i][j]; } } output2.innerHTML += "
"; } output3.innerHTML = "Original Message after Decryption: " + String(finalMessage); } //Call Restart function restart.onclick = function() {restartAgain()}; //Call encrypt function onclick encrypt.onclick = function() {encryption()}; //Call Decrypt function onclick decrypt.onclick = function() {decryption()}; }

[Challenge] Crypto Cube