forked from Berzeg07/learn-js
-
Notifications
You must be signed in to change notification settings - Fork 0
/
rpg.html
235 lines (216 loc) · 8.94 KB
/
rpg.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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<title>Дуэль онлайн</title>
<link rel="stylesheet" href="css/styleGame.css">
<link href="https://fonts.googleapis.com/css?family=Kurale&subset=cyrillic,cyrillic-ext" rel="stylesheet">
<!-- Таймер -->
<script src="js/timer.js"></script>
</head>
<body>
<div class="container">
<!-- <div class="timer_box border">
<span id="my_timer" style="color: #f00; font-size: 150%; font-weight: bold;">10:00</span>
<script>
startTimer();
</script>
</div> -->
<div class="box-top">
<!-- Лавка -->
<div class="box-item border marketPlace">
<div class="npc_name">
<p><b>Лавка</b></p>
</div>
<div class="shop_box bg_inner">
<label>
<input class="name" type="radio" value="Кожаная броня" name="shopItem"> Кожаная броня - <span>50</span> (Броня <em>5</em>)
</label><br>
<label>
<input class="name" type="radio" value="Дубинка" name="shopItem"> Дубинка - <span>50</span> (Урон <em>5</em>)
</label><br>
<label>
<input class="name" type="radio" value="Ржавый меч" name="shopItem"> Ржавый меч - <span>50</span> (Урон <em>10</em>)
</label><br>
<label>
<input class="name" type="radio" value="Полуторный меч" name="shopItem"> Полуторный меч - <span>50</span> (Урон <em>15</em>)
</label><br>
<label>
<input class="name" type="radio" value="Сырая сталь" name="shopItem"> Сырая сталь - <span>200</span> (<em>Сырье</em>)
</label><br>
</div><br>
<div class="master_btn__box">
<button class="btn" id="bye" type="button">Купить</button>
<button class="btn" id="talkToSeller" type="button">Говорить</button>
</div>
<div class="dialog_box db">
<div class="db_close">х</div>
<div class="dinamicTxt"></div>
</div>
</div>
<!-- Персонаж -->
<div class="box-item hero border">
<div class="stata">
<div class="npc_name"><b>Персонаж</b></div>
<div class="bg_inner">
<p class="hero_st">Характеристики:</p>
<p>Сила: <span id="hero_power">1</span></p>
<p>Урон: <span id="hero_atack">0</span></p>
<p>Броня: <span id="hero_armor">0</span></p>
<!-- <p>Ловкость: <span id="hero_agility">1</span></p> -->
<p>Критический удар: <span id="hero_krit">10%</span></p>
<p>Здоровье: <span id="hero_hp"></span></p>
<p>Золото: <span id="hero_gold"></span></p>
<p class="hero_st hero_item__eqiped" id="hero_weapon">Оружие: <span>Пусто</span></p>
<p class="hero_st hero_item__eqiped" id="hero_armor_equiped">Доспех: <span>Пусто</span></p>
</div>
</div>
<div class="master_btn__box">
<button class="btn" type="button" class="btnJournal" id="journal">Журнал</button>
</div>
<div class="hero_img"><img src="img/hero.png" alt=""></div>
</div>
<!-- Дом -->
<div class="box-item home border">
<div class="npc_name"><b>Дом</b></div>
<div class="bg_inner">
<p class="hero_st">Сундук:</p>
<div class="inventory" id="inventory">
<div id="counter"></div>
<ul id="inventory">
</ul>
</div>
<!-- <input type="radio"><span>Сырая сталь</span><br><br> -->
</div>
<div class="master_btn__box">
<div class="HomeMessageAlert">Невозможно экипировать</div>
<button class="btn" id="equipItem" type="button">Экипировать</button>
<button class="btn" id="sellItem" type="button">Продать</button>
<button class="btn" id="toRest" type="button">Отдыхать</button>
</div>
</div>
</div>
<!-- end box-top -->
<div class="box_middle">
<!-- Ларес -->
<div class="box-item master border">
<div class="npc_name"><b>Ларес (Мастер меча)</b></div>
<div class="npc lares"><img src="img/lars.png" alt=""></div>
<div class="master_btn__box">
<button class="btn" id="btn_master" type="submit">Тренироваться</button>
<button class="btn" id="btn_advice" type="submit">Спросить совет</button>
</div>
<div class="dialog_box db">
<div class="db_close">х</div>
<div class="dinamicTxt"></div>
</div>
</div>
<!-- Противник -->
<div class="box-item enemy border">
<div class="npc_name"><b>Локтар Черный топор (Орк-Враг)</b></div>
<div class="bg_inner bg_inner__ork">
<p>Сила:<span>???</span></p>
<!-- <p>Ловкость:<span>???</span></p> -->
<p>Броня:<span>???</span></p>
<p>Критический удар:<span>???</span></p>
<p>Здоровье:<span>???</span></p>
<p>Экипировка:<span>???</span></p>
</div>
<div class="master_btn__box">
<button class="btn" id="btn_enemy">Сражаться!</button>
<button class="btn" id="btn_enemy">Сходить на разведку</button>
</div>
</div>
<!-- Ферма Онара -->
<div class="box-item farm border" id="farm">
<div class="npc_name"><b>Ферма Онара</b></div>
<div class="master_btn__box" id="div">
<div class="tooltip">
<span>Вы не знайте где Онар</span>
</div>
<div class="tooltip2">
<span>Нет доступа</span>
</div>
<button class="btn" id="btn_farmeGuard" type="button">Сентеза (Охрана)</button>
<button class="btn" id="btn_onar" type="button">Онар</button>
<button class="btn" id="btn_workFarm" type="button">Работать</button>
</div>
<div class="dialog_box db_1">
<div class="db_close">х</div>
<p>Сентеза: Что тебе нужно? Хочешь пройти дальше, плати 100 монет!</p>
<button class="btn" id="btn_pay_senteza">Согласен</button>
<button class="btn" id="btn_not_pay_senteza">Послать к черту!</button>
<button class="btn">Уйти</button>
</div>
<div class="dialog_box" id="dinamicDbSenteza">
<div class="db_close">х</div>
<div id="dinamicTxtSenteza"></div>
<div class="btn" id="btnNextSenteza"></div>
</div>
</div>
</div>
<div class="box_bottom">
<!-- Лес -->
<div class="box-item border wood">
<div class="npc_name"><b>Лес</b></div>
<div class="master_btn__box">
<button class="btn" type="button">Болотные крысы</button>
<button class="btn" type="button">Волки</button>
<button class="btn" type="button">Мракорис</button>
</div>
</div>
<!-- Таверна -->
<div class="box-item taverna border">
<div class="npc_name"><b>Таверна</b></div>
<div class="master_btn__box">
<button class="btn" type="button">Подкрепиться</button>
<button class="btn" id="btn_rumors" type="button">Распросить о слухах</button>
</div>
<div class="dialog_box db_1">
<div class="db_close">х</div>
<p>Завсегдатай: На ферме Харальда пропали работники, никто не знает, что с ними. Люди обеспокоены</p>
</div>
</div>
<!-- Кузница -->
<div class="box-item forge border">
<div class="npc_name"><b>Харальд (Кузнец)</b></div>
<div class="bg_inner">
<label for="shortSword">
<input id="shortSword" name="forgeItem" value="Доспех Ворона" type="radio"> Доспех Ворона - <span>5</span> (Броня <em>55</em>)
</label><br>
<label for="dragonSword">
<input id="dragonSword" name="forgeItem" value="Потрошитель Дракона" type="radio"> Потрошитель Дракона - <span>5</span> (Урон <em>45</em>)
</label>
</div>
<div class="npc harald"><img src="img/harald.png" alt=""></div>
<div class="master_btn__box harald_btn">
<button class="btn" id="btn_forge">Ковать</button>
<button class="btn" type="button" id="btn_talkToHarald">Говорить</button>
</div>
<div class="dialog_box db" id="db_forge">
<div class="db_close">х</div>
<div class="dinamicTxt"></div>
</div>
</div>
</div>
</div>
<!-- Всплывающие окна ============== -->
<div class="overlay"></div>
<!-- Оповещения -->
<div class="messWindow" id="messWindow">
<div class="close">x</div>
<p id="messWindowInner"></p>
<span id="stop"></span>
<span id="timeOfwork"></span>
</div>
<!-- Журнал -->
<div class="journal_box messWindow">
<div class="close">x</div>
<ul id="journal_box__inner"></ul>
</div>
<!-- Скрипты и либы -->
<script src="js/jquery-1.12.0.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>