-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
92 lines (84 loc) · 2.55 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Casino</title>
<link rel="stylesheet" href="css/index.css">
</head>
<body>
<header>
<ul class="casino">
<li><h2>Casino:</h2></li>
<li class="info-money">
<label for="inputCasinoMoney">Money in Casino:</label>
<input type="number" id="inputCasinoMoney" >
</li>
<li class="casino-SlotsNumber">
<label for="inputCasinoSlots">Casino Slots:</label>
<input type="number" min="1" id="inputCasinoSlots">
</li>
<li>
<button onclick="createCasino()" class="createObj">Create Casino</button>
</li>
<li class="casino-removeMoney">
<label for="inputRemoveCasinoMoney">Remove money:</label>
<input type="number" min="1" id="inputRemoveCasinoMoney">
<button onclick="removeMoney()" class="createObj">Remove money</button>
</li>
</ul>
<ul class="player">
<li>
<h2>Player:</h2>
</li>
<li class="info-money">
<label for="inputPlayerMoney">Player Money: <input type="number" min="1" id="inputPlayerMoney"> </label>
</li>
<li><button class="createObj" onclick="createPlayer()">Create Player</button> </li>
</ul>
</header>
<section class="container hidden">
<h1>Slots</h1>
<div class="divslotContainer">
<button class="btn-prev" onclick="prevSlots()"> </button>
<div id="slots" class="container">
</div>
<button class="btn-next" onclick="nextSlots()"> </button>
</div>
<center><button class="btn-addSlot" onclick="addSlot()"> </button></center>
</section>
<section id="modalWindow" class="hidden">
<div class="modalWindow-container">
<button class="btnClose">X</button>
<div class="info">
<div class="info-slot">
<h2>Slot: <span>0</span></h2>
<h3>Money in Slot: <span>0</span></h3>
<h3>Your Bet <span>0</span></h3>
</div>
<div class="info-win hidden">
<h2><span></span></h2>
<h2 id="winMoney"><span>0</span></h2>
</div>
<div class="info-user">
<h2>User: </h2>
<h3>Total user`s money: <span></span>$</h3>
</div>
</div>
<div class="slots">
<div class="slotNumber" style="background-position-y:0px"></div>
<div class="slotNumber"></div>
<div class="slotNumber"></div>
<button class="btnPlay btn-pulse" disabled>Play</button>
</div>
<form id="usersBet">
<label for="inpUserMoney">User`s Bet: </label>
<input type="number" id="inpUserMoney" min="1" value="1">
<input type="submit" class="btn" value="Insert Money">
</form>
</div>
</section>
<script src="js/slotMachine.js"></script>
<script src="js/casino.js"></script>
<script src="js/app.js"></script>
</body>
</html>