Roll-The-Dice-Game-/index.html at main · ChillBroh/Roll-The-Dice-Game- · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Roll The Dice</title>
    <link rel="stylesheet" href="./styles.css" />
    <!-- Google Tag Manager -->
    <script>
      (function (w, d, s, l, i) {
        w[l] = w[l] || [];
        w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" });
        var f = d.getElementsByTagName(s)[0],
          j = d.createElement(s),
          dl = l != "dataLayer" ? "&l=" + l : "";
        j.async = true;
        j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl;
        f.parentNode.insertBefore(j, f);
      })(window, document, "script", "dataLayer", "GTM-NMD2KG5S");
    </script>
    <!-- End Google Tag Manager -->
  </head>
  <body>
    <div><h1 class="header">ROLL THE DICE</h1></div>
    <main>
      <section class="player player--0 player--active">
        <h2 class="name" id="name--0">
          Player 1 <span class="hiddenx winner--0">Winner!🎉</span>
        </h2>
        <p class="score" id="score--0">43</p>
        <div class="current">
          <p class="current-label">Current</p>
          <p class="current-score" id="current--0">0</p>
        </div>
      </section>
      <section class="player player--1">
        <h2 class="name" id="name--1">
          Player 2 <span class="hiddenx winner--1">Winner!🎉</span>
        </h2>
        <p class="score" id="score--1">24</p>
        <div class="current">
          <p class="current-label">Current</p>
          <p class="current-score" id="current--1">0</p>
        </div>
      </section>

      <img src="./images/dice-5.png" alt="Playing dice" class="dice" />
      <button class="btn btn--new">🔄 Start a New game</button>
      <button class="btn btn--roll">🎲 Take your Turn</button>
      <button class="btn btn--hold">📥 Hold</button>
    </main>
    <footer>&copy; by Ishara Mausanka</footer>

    <script src="./script.js"></script>
  </body>
</html>