Quarter1-Project/Game.html at master · MacRJ/Quarter1-Project · 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
70
71
72
73
74
75
76
77
78
79
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>My Quarter1 project</title>
  <link rel="stylesheet" href="style.css" />
  <script type="text/javascript" src="homepage.js"></script>
  <script src="jquery-3.2.1.min.js"></script>
  <script type="text/javascript" src="http://d3js.org/d3.v3.min.js"></script>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>

<body>
  <!--greeting page  -->
  <div class="visable greeting col-md-6 col-md-offset-3">
    <div class="visable deckRow">
      <div class="visable homePageButton" id="deckButton">Number of Decks to play with:
      </div>

      <!-- number of deck -->
      <div class="visable dropdown">
        <button onclick="dropDown()" class="dropbtn">Dropdown</button>
        <div id="myDropdown" class="dropdown-content">
          <a href="#" id="1deck">1 Deck</a>
          <a href="#" id="2deck">2 Deck</a>
          <a href="#" id="3deck">3 Deck</a>
        </div>
      </div>
    </div>
    <!--end of number of deck button  -->
    <div class="visable deckRow">
      <div class="visable homePageButton" id="player">Number of players:</div>
      <div class="visable dropdown">
        <button onclick="dropDown1()" class="dropbtn">Dropdown</button>
        <div id="myDropdown1" class="dropdown-content">
          <a href="#" id="player1">1 Player</a>
          <a href="#" id="player2">2 Player</a>
          <a href="#" id="player3">3 Player</a>
        </div>
      </div>
    </div>
  </div>
  <!--End of greeting Page  -->
  <!-- Game -->
  <div class="invisable container greeting">
    <div class="invisable scoreKeeper">0
    </div>
    <div class="invisable aceHolder col-md-6 col-md-offset-3"> Ace is set to
      <div class="invisable" id="aceDisplay"></div>
    </div>
    <div class="invisable cards" id="cards">
    </div>
    <button class="invisable button" id="higher"> Higher
      </button>
    <button class="invisable button" id="lower">Lower
      </button>
    <button class="invisable hidden" id="High">High
      </button>
    <button class="invisable hidden" id="Low">Low
      </button>
    <div class="" id="players">
      <table id="table" style="width: 100% ">
        <tr>
          <th>Player1</th>
          <th class="player-score" id="player-1">0</th>
          <th>Player2</th>
          <th id="player-2">0</th>
          <th>Player3</th>
          <th id="player-3">0</th>
        </tr>
      </table>
    </div>
  </div>
  <!--End of Game.  -->
  <script type="text/javascript" src="script.js"></script>
</body>

</html>