html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<button id="newGame" onclick="newGamef()">New Game</button>
<div id="timer">30</div>
<button onclick="rightf()" id="right">Click Me</button>
<div id="wrongAnswer1">NOT ME</div>
<div id="wrongAnswer2">NERD</div>
<div id="wrongAnswer3">EEEEE</div>
<div id="wrongAnswer4">TRY HARDER</div>
<div id="wrongAnswer5">BAHAHAHAHA</div>
</body>
</html>
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
body {
background-color: black;
font-family: sans-serif;
}
#right{
background-color: black;
border-color: black;
color: black;
}
#wrongAnswer1:hover,#wrongAnswer2:hover, #wrongAnswer3:hover,#wrongAnswer4:hover,#wrongAnswer5:hover {
background-color: white;
width: fit-content;
}
#timer {
color: white;
}
#right:hover {
background-color: white;
border: gray;
}
Enter to Rename, Shift+Enter to Preview
js
js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
alert("As you can see here your screen is black. You cannot see anything. What you need to do is move your cursor around the screen, you will find that there is hidden text BUT also a hidden button! You must find this button. You have 30 seconds so be quick.");
//buttons
let button = document.getElementById("right");
let wrong1 = document.getElementById("wrongAnswer1");
let wrong2 = document.getElementById("wrongAnswer2");
let wrong3 = document.getElementById("wrongAnswer3");
let wrong4 = document.getElementById("wrongAnswer4");
let wrong5 = document.getElementById("wrongAnswer5");
//timer
let interval;
let timer;
document.getElementById("right").disabled = true;
function newGamef() {
document.getElementById("right").disabled = false;
timer = 30;
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run