-
Notifications
You must be signed in to change notification settings - Fork 1
/
page.html
32 lines (26 loc) · 905 Bytes
/
page.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
32
<html><head>
<title>Tamagotchi</title>
<script src="https://code.jquery.com/jquery-2.2.0.js"></script>
<script src="code.js"></script>
<link rel="stylesheet" type="text/css" href="style.css"></link>
</head>
<body>
<h1>Look after your Tamagotchi!</h1>
<canvas id="game" width="480" height="480"></canvas>
<p id="hatch-instructions">Click here to make it hatch:
<button id="hatch">Hatch</button></p>
<div id="levels">
<p id="age">Age: 0 hours</p>
<p id="health">Health: 100</p>
<p id="happiness">Happiness: 100</p>
<p id="hungriness">Hungriness: 0</p>
</div>
<p id="action-buttons">
<button id="feed-bread">Bread</button>
<button id="feed-sweets">Sweets</button>
<button id="give-medicine">Medicine</button>
<button id="play-game">Play game</button>
</p>
<p id="messages"></p>
</body>
</html>