cdaz5 · May 16, 2018 23:06
diff --git a/gistfile1.txt b/gistfile1.txt
 <!DOCTYPE html>
 <html>
 <head>
 	<title>
 		Daddy & Ronan's Secret Message Decoder
 	</title>
 	</head>
 	<body>
    <input type="text" id="user">
    <button id="expand">Enter</button>
    <p id="welcome"></p>
    <div id="field" style="">
 		<p>Enter message to be encoded.</p>
 		<input type="text" id="code">
 		<br>
 		<button id="encode">ENCODE</button>
 		<p id="message"></p>
 		<button id="clear">clear</button>
 		<p>Enter message to be decoded.</p>
 		<input type="text" id="code2">
 		<br>
 		<button id="decode">DECODE</button>
 		<p id="message2"></p>
 		<button id="clear2">clear</button>
    </div>
 		<script>
      document.getElementById("encode").addEventListener("click", scrambleMessage);
      document.getElementById("decode").addEventListener("click", unscrambleMessage);
      document.getElementById("expand").addEventListener("click", messageSelector);
      document.getElementById("clear").addEventListener("click", clearInput);
      document.getElementById("clear2").addEventListener("click", clearInput2);
      
      function messageSelector() {
        let hour = new Date().getHours();
        let greeting = '';
        if (hour > 0 && hour < 12 ) {
          greeting += "Good morning ";
        } else if (hour > 12 && hour < 6) {
          greeting += "Good afternoon "
        } else {greeting += "Good Evening "};
        
        let inputID = document.getElementById("user").value;
        if (inputID === "4581") {
          document.getElementById("welcome").innerHTML = `${greeting}Christopher`
        } else if (inputID === "1579") {
          document.getElementById("welcome").innerHTML= `${greeting}Ronan`}
        else {document.getElementById("welcome").innerHTML= `Access DENIED!`};
      }
      
 		function scrambleMessage(code) {
 			let codeToScramble = document.getElementById("code").value;
 			let finalMessage = [];
 			codeToScramble = codeToScramble.split(' ');
 			for (let i = 0; i < codeToScramble.length; i++) {
 				if (codeToScramble[i] === "Ronan") {
 					finalMessage .push("Blarg")
 				} else if (codeToScramble[i] === "Daddy") {
 					finalMessage.push("Honk")
 				} else if (codeToScramble[i] === "have") {
 					finalMessage.push("yar")
 				} else if (codeToScramble[i] === "you") {
 					finalMessage.push("guffah")
 				} else if (codeToScramble[i] === "Mommy") {
 					finalMessage.push("garsh") 
 				} else if (codeToScramble[i] === "grandpa") {
 					finalMessage.push("Pluto")
 				} else if (codeToScramble[i] === "gramsy") {
 					finalMessage.push("Minnie")
 				} else {finalMessage.push(codeToScramble[i])}
 				}  
 				let returnedStr = finalMessage.join(' ');
 				let returnedMessage = returnedStr.split("").reverse().join("").split(" ").reverse().join("*")
 				document.getElementById("message").innerHTML = returnedMessage;
 			}
 		function unscrambleMessage(code2) {
 			let messToDecode = document.getElementById("code2").value;
 			let orMessage = [];
 			let codeToUnscramble = messToDecode.split('*').reverse().join(" ").split("").reverse().join("").split(' ');
 			for (let i = 0; i < codeToUnscramble.length; i++) {
 				if (codeToUnscramble[i] === "Blarg") {
 					orMessage .push("Ronan")
 				} else if (codeToUnscramble[i] === "Honk") {
 					orMessage.push("Daddy")
 				} else if (codeToUnscramble[i] === "yar") {
 					orMessage.push("have")
 				} else if (codeToUnscramble[i] === "guffah") {
 					orMessage.push("you")
 				} else if (codeToUnscramble[i] === "garsh") {
 					orMessage.push("Mommy") 
 				} else if (codeToUnscramble[i] === "Pluto") {
 					orMessage.push("Pluto")
 				} else if (codeToUnscramble[i] === "Minnie") {
 					orMessage.push("gramsy")
 				} else {orMessage.push(codeToUnscramble[i])}
 				}  
 				let decodedMessage = orMessage.join(' ');
 				document.getElementById("message2").innerHTML = decodedMessage;
 			};	
 		function clearInput() {
 			document.getElementById("code").value = null;
 			document.getElementById("message").innerHTML = '';
 		};
 		function clearInput2() {
 			document.getElementById("code2").value = null;
 			document.getElementById("message2").innerHTML = '';
 		};
      /*$(document).ready(function(){
    $(".expand").click(function(){
        $(".field").slideToggle();
    });
 });*/
    </script>
 	</body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>
	Daddy & Ronan's Secret Message Decoder
	</title>
	</head>
	<body>
	<input type="text" id="user">
	<button id="expand">Enter</button>
	<p id="welcome"></p>
	<div id="field" style="">
	<p>Enter message to be encoded.</p>
	<input type="text" id="code">
	<br>
	<button id="encode">ENCODE</button>
	<p id="message"></p>
	<button id="clear">clear</button>
	<p>Enter message to be decoded.</p>
	<input type="text" id="code2">
	<br>
	<button id="decode">DECODE</button>
	<p id="message2"></p>
	<button id="clear2">clear</button>
	</div>
	<script>
	document.getElementById("encode").addEventListener("click", scrambleMessage);
	document.getElementById("decode").addEventListener("click", unscrambleMessage);
	document.getElementById("expand").addEventListener("click", messageSelector);
	document.getElementById("clear").addEventListener("click", clearInput);
	document.getElementById("clear2").addEventListener("click", clearInput2);

	function messageSelector() {
	let hour = new Date().getHours();
	let greeting = '';
	if (hour > 0 && hour < 12 ) {
	greeting += "Good morning ";
	} else if (hour > 12 && hour < 6) {
	greeting += "Good afternoon "
	} else {greeting += "Good Evening "};

	let inputID = document.getElementById("user").value;
	if (inputID === "4581") {
	document.getElementById("welcome").innerHTML = `${greeting}Christopher`
	} else if (inputID === "1579") {
	document.getElementById("welcome").innerHTML= `${greeting}Ronan`}
	else {document.getElementById("welcome").innerHTML= `Access DENIED!`};
	}

	function scrambleMessage(code) {
	let codeToScramble = document.getElementById("code").value;
	let finalMessage = [];
	codeToScramble = codeToScramble.split(' ');
	for (let i = 0; i < codeToScramble.length; i++) {
	if (codeToScramble[i] === "Ronan") {
	finalMessage .push("Blarg")
	} else if (codeToScramble[i] === "Daddy") {
	finalMessage.push("Honk")
	} else if (codeToScramble[i] === "have") {
	finalMessage.push("yar")
	} else if (codeToScramble[i] === "you") {
	finalMessage.push("guffah")
	} else if (codeToScramble[i] === "Mommy") {
	finalMessage.push("garsh")
	} else if (codeToScramble[i] === "grandpa") {
	finalMessage.push("Pluto")
	} else if (codeToScramble[i] === "gramsy") {
	finalMessage.push("Minnie")
	} else {finalMessage.push(codeToScramble[i])}
	}
	let returnedStr = finalMessage.join(' ');
	let returnedMessage = returnedStr.split("").reverse().join("").split(" ").reverse().join("*")
	document.getElementById("message").innerHTML = returnedMessage;
	}
	function unscrambleMessage(code2) {
	let messToDecode = document.getElementById("code2").value;
	let orMessage = [];
	let codeToUnscramble = messToDecode.split('*').reverse().join(" ").split("").reverse().join("").split(' ');
	for (let i = 0; i < codeToUnscramble.length; i++) {
	if (codeToUnscramble[i] === "Blarg") {
	orMessage .push("Ronan")
	} else if (codeToUnscramble[i] === "Honk") {
	orMessage.push("Daddy")
	} else if (codeToUnscramble[i] === "yar") {
	orMessage.push("have")
	} else if (codeToUnscramble[i] === "guffah") {
	orMessage.push("you")
	} else if (codeToUnscramble[i] === "garsh") {
	orMessage.push("Mommy")
	} else if (codeToUnscramble[i] === "Pluto") {
	orMessage.push("Pluto")
	} else if (codeToUnscramble[i] === "Minnie") {
	orMessage.push("gramsy")
	} else {orMessage.push(codeToUnscramble[i])}
	}
	let decodedMessage = orMessage.join(' ');
	document.getElementById("message2").innerHTML = decodedMessage;
	};
	function clearInput() {
	document.getElementById("code").value = null;
	document.getElementById("message").innerHTML = '';
	};
	function clearInput2() {
	document.getElementById("code2").value = null;
	document.getElementById("message2").innerHTML = '';
	};
	/*$(document).ready(function(){
	$(".expand").click(function(){
	$(".field").slideToggle();
	});
	});*/
	</script>
	</body>
	</html>
No results found