Skip to content

Instantly share code, notes, and snippets.

@Khoding
Last active April 2, 2020 13:33
Show Gist options
  • Save Khoding/99fa1cd7e7302316e4a70d5cef9f5e71 to your computer and use it in GitHub Desktop.
Save Khoding/99fa1cd7e7302316e4a70d5cef9f5e71 to your computer and use it in GitHub Desktop.
kheee
<!-- Code https://khodok.xyz/Kheee -->
<!-- ?e=e, ?e=voilà, null -->
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
        <title>e</title>
        <style>
            [e] {
                word-wrap: break-word;
            }
        </style>
        <script>
		const parsedUrl = new URL(window.location.href);
		var eee = parsedUrl.searchParams.get('e');
        </script>
    </head>

    <body>
        <h1 e>e</h1>

        <script>
		let e = document.querySelector('[e]');

		let str = "R";
		let strRepeat = "E";

	       	let bgColor = "red";
	       	let color = "yellow";

	       	let title = "Kheee";

	       	text();

	       	function text() {
			switch(eee) {
				case "e" :
		               		strRepeat = "e";

		               		strChange(str, strRepeat, false, true);
	           			break;

	           		case "voilà" :
		               		str = "VOIL";
		               		strRepeat = "À";

		               		bgColor = "purple";
		               		color = "gold";

					strChange(str, strRepeat, false, false);
	           			break;

				default :
					strChange(str, strRepeat, true, false);
			}
		}

		function strChange(str, strRepeat, isDefault, isE) {
			if (!isDefault) {
				title = str + strRepeat;
			}

	           	if (!isE) {
				document.title = title;
			           	e.innerHTML = e.innerHTML.replace('e', str);
		               	changeColor(bgColor, color);
			}

	           	clock(strRepeat);
		}

		function clock(strRepeat) {
			setInterval(() => {
				e.innerHTML += strRepeat;
			}, 1);
		}

		function changeColor(bgColor, color) {
	           	e.style.backgroundColor = bgColor;
			e.style.color = color;
		}
        </script>
    </body>
</html>

Khodok's Logo

Written by Khodok

Khoding

Written with StackEdit.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment