This repository has been archived by the owner on Sep 13, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgame.html
98 lines (83 loc) · 3.79 KB
/
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
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
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="App.css">
<link rel="stylesheet" href="index.css">
<title>My book's game</title>
</head>
<body>
<div class="App" id="app">
<header>
<div class="glory">Слава 0</div>
<div class="money">Деньги {{cutback(money) }}</div>
<div class="lavale">Lvl 1</div>
</header>
<div class="settings">
<h1 style="font-size: 20px; text-align: center;">Настройки/ статистика</h1><br>
<div class="tabs__links">
<div v-bind:class="{ tabs__links_activ: settings }" @click="tabSettingsSelect('settings')">Настройки</div>
<div v-bind:class="{ tabs__links_activ: !settings }" @click="tabSettingsSelect('stat')">Cтатистика</div>
</div>
<div v-if="settings">
<button @click="gameSave()">Сохранить игру</button>
<button @click="gameLoad()">Загрузить игру</button>
<br><br>
Автосохранение(не раб.)
<input type="checkbox" id="checkbox" v-model="autoSave">
<label for="checkbox">{{ autoSave }}</label>
<br><br>
Автопереход к следующему монстру
<input type="checkbox" id="checkboxis" v-model="isNextMonstor">
<label for="checkboxis">{{ isNextMonstor }}</label>
</div>
<div v-else>
{{cutback(damagePerSecond())}} - damagePerSecond<BR>
{{cutback(moneyPerSecond())}} - moneyPerSecond<BR>
Книг в серии - 1<BR>
Глава - 1<BR>
Заработанно денег - 0<BR>
Убито монстров - 0<BR>
Убито боссов - 0<BR>
Максимально накопленно денег {{maxBank}}<BR>
<BR><BR>
Придумать другую статистику
</div>
</div>
<main>
<div class="monstersName">
<h2>Уровень монстра {{ monstorLVL }} {{partMostorsView()}}</h2>
</div>
<div class="monstrsHealPoints progressBar ">
<div :style="[styles.progressBarMostor,proc()]">{{Math.round(monstorHPcounter)}} из {{ thisMonstorHP }} hp</div>
</div>
<div class="bossesTimer progressBar progressBar-grean">
<div :style="[styles.progressBarMostor,bossTimerDecrease()]" v-if="isBoss">{{bossTimer/ 100}}
</div>
</div>
<div class="clickZone" @click="clickDamage"></div>
</main>
<aside>
<h1 style="font-size: 20px; text-align: center;">Ваши преобретения</h1>
<div class="tabs__links">
<div v-bind:class="{ tabs__links_activ: isDamage }" @click="tabFactorySelect('damage')">Урон</div>
<div v-bind:class="{ tabs__links_activ: !isDamage }" @click="tabFactorySelect('factory')">Предприятия</div>
</div>
<div class="factory" v-for="(index, i) in factoryListGeneration" :key="i">
<div class="factoryName" :style="{'color': isEnoughMoney(factoryListGeneration[i].nowCost) }">{{index.name }}
</div>
<div class="price" @click="buyFactory(i)" :style="{'color': isEnoughMoney(factoryListGeneration[i].nowCost) }">
{{ cutback(factoryListGeneration[i].nowCost) }} </div>
<div class="damage">{{index.text.profit}}: {{ cutback(factorydamage( index.profit, index.quantity))}}</div>
<div class="quantity">{{index.text.quantity}}:{{index.quantity}}</div>
</div>
</aside>
<footer>Футтер </footer>
</div>
<!-- <script src="https://unpkg.com/vue@next"></script>
<script src="vue.js"></script>-->
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<script src="app.js"></script>
</body>
</html>