-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
75 lines (63 loc) · 3.39 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
<!DOCTYPE html>
<html lang='nl'>
<head>
<title>Boter, Kaas en Eieren</title>
<link rel="stylesheet" href="css/style.css" />
<script type="text/javascript" src="js/bke.js"></script>
</head>
<body>
<div id="mainContainer">
<h1>Boter, Kaas & Eieren</h1>
<div id="speelveld">
<table border="0">
<tr>
<td><img alt="" title="" src="img/both.jpg" id="[0][0]" onclick="inTurn(this.id)"/></td> <!--rij[0][0]-->
<td><img alt="" title="" src="img/both.jpg" id="[0][1]" onclick="inTurn(this.id)"/></td> <!--rij[0][1]-->
<td><img alt="" title="" src="img/both.jpg" id="[0][2]" onclick="inTurn(this.id)"/></td> <!--rij[0][2]-->
</tr>
<tr>
<td><img alt="" title="" src="img/both.jpg" id="[1][0]" onclick="inTurn(this.id)"/></td> <!--rij[1][0]-->
<td><img alt="" title="" src="img/both.jpg" id="[1][1]" onclick="inTurn(this.id)"/></td> <!--rij[1][1]-->
<td><img alt="" title="" src="img/both.jpg" id="[1][2]" onclick="inTurn(this.id)"/></td> <!--rij[1][2]-->
</tr>
<tr>
<td><img alt="" title="" src="img/both.jpg" id="[2][0]" onclick="inTurn(this.id)"/></td> <!--rij[2][0]-->
<td><img alt="" title="" src="img/both.jpg" id="[2][1]" onclick="inTurn(this.id)"/></td> <!--rij[2][1]-->
<td><img alt="" title="" src="img/both.jpg" id="[2][2]" onclick="inTurn(this.id)"/></td> <!--rij[2][2]-->
</tr>
</table>
</div> <!-- EINDE SPEELVELD CONTAINER -->
<div id="game-info">
<h1>Aan beurt</h1>
<table class="players-turn" border="0">
<tr>
<td><img width="25" height="25" alt="" title="" src="img/cross.jpg" id="PPTurn"/></td>
<td>Speler</td>
<td id ="PNTurn">1</td>
</tr>
</table> <!-- EINDE SPELER AAN ZET TABEL -->
<table class = "timers" border ="0">
<tr class = "timer"><td>Totaal tijd</td><td class = "dp">:</td><td id ="SST"> tijd</td></tr>
<tr class = "timer"><td>Ronde tijd</td><td class = "dp">:</td><td id ="RST"> tijd</td></tr>
<tr class = "timer"><td>Beurt tijd</td><td class = "dp">:</td><td id ="BST"> tijd</td></tr>
</table>
<h1>Scores</h1>
<table class="rounds-info">
<tr>
<td><img width="15" height="15" alt="" title="" src="img/cross.jpg" /> Speler 1</td>
<td id ="XScore">0</td>
</tr>
<tr>
<td><img width="15" height="15" alt="" title="" src="img/circle.jpg" /> Speler 2</td>
<td id = "OScore">0</td>
</tr>
<tr>
<td>Aantal rondes</td>
<td id = "Round">0</td>
</tr>
</table> <!-- EINDE INFO TABEL -->
<button class="game-button" onclick="starting()">Start spel</button>
</div> <!-- EINDE GAME-INFO CONTAINER -->
</div> <!-- EINDE MAINCONTAINER -->
</body>
</html>