Skip to content

Instantly share code, notes, and snippets.

@moelzanaty3

moelzanaty3/index.html

Last active June 2, 2022 08:11
Show Gist options
  • Save moelzanaty3/0a3140ca464192a76f75ba6f2899299b to your computer and use it in GitHub Desktop.
Save moelzanaty3/0a3140ca464192a76f75ba6f2899299b to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<title>Modern JS Essentials for React</title>
<meta charset="UTF-8" />
<meta name="author" content="Mohammed Elzanaty">
<link rel="icon"
href="https://cdn-icons.flaticon.com/png/512/4726/premium/4726005.png?token=exp=1654158276~hmac=75e5b0835cff1af139af2ff074548af0"
type="image/png" />
<style>
body {
font-family: 'Raleway', Helvetica, arial, sans-serif;
font-size: 17px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
}
h2 {
font-weight: normal;
}
</style>
</head>
<body>
<h2></h2>
<script src="index.js"></script>
<script>
const messages = [
"IT'S CONSOLE TIME 👇 🧑🏻‍💻",
'CHECK OUT THE CONSOLE 👇 🧑🏻‍💻',
'THE GOOD STUFF IS IN THE CONSOLE 👇 🧑🏻‍💻',
'OHHH. LOOK AT THE CONSOLE 👇 🧑🏻‍💻',
'GET TO CONSOLE 👇 🧑🏻‍💻'
];
const randomMessage =
messages[Math.trunc(Math.random() * messages.length)];
document.querySelector("h2").innerHTML = randomMessage;
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment