-
Notifications
You must be signed in to change notification settings - Fork 0
/
shape-guessing-game.html
31 lines (27 loc) · 1.09 KB
/
shape-guessing-game.html
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
29
30
31
<!DOCTYPE html>
<html>
<head>
<title>Shape Guessing Game!</title>
<script src="https://d3js.org/d3.v6.js"></script>
<link rel="stylesheet" href="css/guessing_shape_style.css">
</head>
<body>
<h2><b>The Shape Guessing Game!</b></h2>
<h4>Click the button with the name of the shape displayed on the screen to win the game. After you get the answer right, click play again to start the game over!
Click return home if you want to play a different game.</h4>
<div id="playbuttons--container">
<b>Game Controls: </b>
<button onClick="window.location.reload();">Play Again!</button>
<button onClick="document.location='homepage.html'">Return Home</button>
</div>
<h3 id="result">Click the button matching the generated shape!</h3>
<div id="shapebuttons--container">
<button id="shape--line">Line</button>
<button id="shape--square">Square</button>
<button id="shape--circle">Circle</button>
</div>
<div id="canvas">
</div>
<script src="javascript/guessing_shape_script.js"></script>
</body>
</html>