freestyle-javascript-game-javascript-andi-bartus/game.html at development · CodecoolArchive2021/freestyle-javascript-game-javascript-andi-bartus · GitHub

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
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <title>&diams;&clubs;&hearts;&spades; </title>
    <meta charset="UTF-8">
    <!-- http://proger.i-forge.net/The_smallest_transparent_pixel/ -->
    <link rel="icon" href="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA=">
    <link rel="stylesheet" type="text/css" href="style.css">
    <script src="game.js" defer></script>
</head>
<body>

<div class="container">
    <div class="win-window hidden">
        <p class="win">WON!!!</p>
        <form class="restart-form" action="index.html" method="get">
            <button class="restart">Restart</button>
        </form>
    </div>
    <div class="dealer-field">
        <div class="dealer-score"><p class="score">Dealer: 0</p></div>
        <div class="dealer-hand">

        </div>
    </div>
    <div class="player-field">
        <div class="player-1">
            <div class="chips" id="player-1">
                <div class="chip 5" ><img src="chips/Blue.png" data-value="5" data-pc="2"/><div class="counter chip-5 ">2</div></div>
                <div class="chip 10" ><img src="chips/Red.png" data-value="10" data-pc="2" /><div class="chip-10 counter">2</div></div>
                <div class="chip 20" ><img src="chips/Black.png" data-value="20" data-pc="1"/><div class="chip-20 counter">1</div></div>
            </div>
            <div class="player-1-cards">
                <p>Player I.</p>
              <div class="hand_image" id="p1_hand"></div>
            </div>
            <div id="p1_score">
                <p class="score">Score: 0</p>
            </div>
        </div>
        <div class="table">
            <div class="drop-zone">
                <div class="bet-field"> <h1>BLACKJACK</h1></div>
            </div>
            <p>0</p>
            <div class="deck hit"></div>
            <br>
            <button class="button stay">stay</button>
            <button class="button start">start</button>
        </div>
        <div class="player-2">
            <div class="chips" id="player-2" >
                    <div class="chip 20" ><img src="chips/Black.png" data-value="20" data-pc="1"/><div class="chip-20 counter">1</div></div>
                    <div class="chip 10" ><img src="chips/Red.png" data-value="10" data-pc="2"/><div class="chip-10 counter">2</div></div>
                    <div class="chip 5" ><img src="chips/Blue.png" data-value="5" data-pc="2" /><div class="chip-5 counter">2</div></div>
            </div>
            <div class="player-2-cards">
                <p>Player II.</p>
            <div class="hand_image" id="p2_hand"></div>
            </div>
            <div id="p2_score">
                <p class="score">Score: 0</p>
            </div>
        </div>
    </div>
</div>

</body>
</html>