-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
39 lines (32 loc) · 1.24 KB
/
index.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
33
34
35
36
37
38
39
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Text-based RPG - Fantasy Sekai</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="game">
<div id="stats">
<span class="stat">XP : <b><span id="xpText">0</span></b></span>
<span class="stat">HP : <b><span id="hpText">100</span></b></span>
<span class="stat">Coin : <b><span id="coinText">50</span></b></span>
</div>
<div id="controls">
<button id="button1">Go to Merchant's District</button>
<button id="button2">Go to Cave</button>
<button id="button3">Fight Demon Lord</button>
</div>
<div id="monsterStats">
<span class="stat">Monster's Name : <b><span id="monsterName"></span></b>
<span class="stat">Monster's HP : <b><span id="monsterHP"></span></b>
</div>
<div id="text">
Welcome to Fantasy Sekai! Your task is to defeat the Demon Lord that resides in your world and
is disturbing the world's stability. You are currently at the middle of the
Town Square, where do you want to go?
</div>
</div>
<script src="script.js"></script>
</body>
</html>