-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathKilo.html
32 lines (32 loc) · 1.9 KB
/
Kilo.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kilo</title>
<link rel="stylesheet" href="Materials/kilo.css">
<link rel="shortcut icon" href="Materials/icon.png" type="image/x-icon">
</head>
<body>
<b style="position: absolute; left: 25px; top: 15px; color: white; font-size: 50px;">Kilo</b>
<div id="card"><img src="Materials/Cards/no.png" alt="If you dont see a card here, please refresh your page" id="cimg"></div>
<h2 id="score">Current score: 0</h2>
<h2 id="hscore">Highscore: 0</h2>
<button id="button1" onclick="play()">Play</button>
<button id="button2" onclick="displayHelp()">How to play?</button>
<button id="button4" onclick="higher()">Higher!</button>
<button id="button5" onclick="lower()">Lower!</button>
<div id="helpbox">
<button onclick="hideHelp()" id="button3">Close</button>
<h2 style="font-size: 45px;" id="htph">How to play Kilo?</h2>
<p style="color: white; text-align: center; font-size: 30px;" id="htpi">You score points if your choice of either 'Higher' or 'Lower' matches.<br>
You will score a point on 'Lower' if the next card is lower than the current one, and will score on 'Higher' if it's equal or higher.<br>
Cards have values corresponding to the number on them; as for Ace, Jack, Queen and King it's quite different however. Since Ace is equal to 11 (yes, there's no card with value of 1, we start with value of 2 in this game),<br>
the other three cards are usually understood as *more than 10, but less than 11*. They go in this order: J < Q < K.
</p>
</div>
<section id="frame2"></section>
<p style="position: absolute; right: 8px; bottom: -15px; color: white;">by CornSeller</p>
</body>
<script src="Materials/kilo.js"></script>
</html>