Various functions added.

matikin9 · Dec 17, 2014 · d6d4803 · d6d4803
1 parent 49ff264
commit d6d4803
Show file tree

Hide file tree

Showing 2 changed files with 116 additions and 30 deletions.
diff --git a/index.html b/index.html
@@ -5,28 +5,38 @@
         <meta charset="utf-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
         <meta name="viewport" content="width=device-width, initial-scale=1">
-        <title>Black</title>
+        <title>Blackjack Training Simulator</title>
         <!-- Latest compiled and minified CSS -->
         <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
         <!-- Optional theme -->
         <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap-theme.min.css">
     </head>
     <body>
         <div class="container">
-            <h1>Hello, world!</h1>
+            <h1>Blackjack Training Simulator</h1>
             <div class="row">
-                <div class="col-md-2"></div>
-                <div class="col-md-8">
-                    <div id="debug"></div>
+                <div class="col-md-2">
+                    <div class="panel panel-default">
+                        <div class="panel-heading">Debugger</div>
+                        <div id="debug" class="panel-body"></div>
+                    </div>
                 </div>
-                <div class="col-md-2"></div>
-            </div>
-            <div class="row">
-                <div class="col-md-2"></div>
                 <div class="col-md-8">
-                    test
+                    <div id="dealerHand" class="container"></div>
+                    <div id="playerHand" class="container"></div>
+                </div>
+                <div class="col-md-2">
+                    <div class="panel panel-default">
+                        <div class="panel-heading">Actions</div>
+                        <div id="actions" class="panel-body">
+                            <button type="button" class="btn btn-default" id="deal">Deal</button><br /><br />
+                            <button type="button" class="btn btn-default" id="hit">Hit</button><br /><br />
+                            <button type="button" class="btn btn-default" id="stay">Stay</button><br /><br />
+                            <button type="button" class="btn btn-default" id="double">Double</button><br /><br />
+                            <button type="button" class="btn btn-default" id="split">Split</button>
+                        </div>
+                    </div>
                 </div>
-                <div class="col-md-2"></div>
             </div>
         </div>
         <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->

diff --git a/js/cards.js b/js/cards.js
@@ -1,19 +1,23 @@
 var suits = [ "S", "H", "C", "D" ];
 var faces = [
-["A", [1, 11]],
-["2",[2]],
-["3",[3]],
-["4",[4]],
-["5",[5]],
-["6",[6]],
-["7",[7]],
-["8",[8]],
-["9",[9]],
-["T",[10]],
-["J",[10]],
-["Q",[10]],
-["K",[10]]
+    ["A", [1, 11]],
+    ["2",[2]],
+    ["3",[3]],
+    ["4",[4]],
+    ["5",[5]],
+    ["6",[6]],
+    ["7",[7]],
+    ["8",[8]],
+    ["9",[9]],
+    ["T",[10]],
+    ["J",[10]],
+    ["Q",[10]],
+    ["K",[10]]
 ];
+var deck = [];
+
+var DealerHand = [];
+var PlayerHand = [];
 
 function SortByNum(a, b) {
     var aNum = a.number;
@@ -31,19 +35,91 @@ function createCard(suit, face, num) {
 }
 
 function createDeck() {
-    var cards = [];
     for (var i = 0; i < suits.length; i++) {
         for (var j = 0; j < faces.length; j++) {
-            cards.push(createCard(suits[i], faces[j], Math.random()));
+            deck.push(createCard(suits[i], faces[j], Math.random()));
         }
     }
-    cards.sort(SortByNum);
-    return cards;
+    deck.sort(SortByNum);
+}
+
+function dealGame() {
+    DealerHand = [];
+    DealerHand.push(deck.shift());
+
+    PlayerHand = [];
+    PlayerHand.push(deck.shift());
+
+    debugShowNextTwoCards();
+
+    showDealerHand();
+    showPlayerHand();
+}
+
+function hitPlayer() {
+    PlayerHand.push(deck.shift());
+    debugShowNextTwoCards();
+
+    showDealerHand();
+    showPlayerHand();
+}
+
+function showDealerHand() {
+    var results = "";
+
+    for (var c in DealerHand) {
+        results += DealerHand[c].suit.toString() + DealerHand[c].face.toString() + " ";
+    }
+
+    $("#dealerHand").html("Dealer's hand: " + results);
+}
+
+function showPlayerHand() {
+    var results = "";
+
+    for (var c in PlayerHand) {
+        results += PlayerHand[c].suit.toString() + PlayerHand[c].face.toString() + " ";
+    }
+
+    $("#playerHand").html("Player's hand: " + results);
+}
+
+function debugShowNextTwoCards() {
+    $("#debug").html(deck[0].suit + deck[0].face + " " + deck[1].suit + deck[1].face);
 }
 
+function showDealerSum() {
+
+}
 
+function showPlayerSum() {
+
+}
 
 $().ready(function () {
-    var deck = createDeck();
-    $("#debug").html("first card: " + deck[0].suit + deck[0].face);
+    createDeck();
+    debugShowNextTwoCards();
+
+    $("button#deal").click(function () {
+        dealGame();
+    });
+
+    $("button#hit").click(function () {
+        hitPlayer();
+    });
+
+    $("button#stay").click(function () {
+
+    });
+
+    $("button#double").click(function () {
+
+    });
+
+    $("button#split").click(function () {
+
+    });
+
+    $("#dealerHand").html("Dealer's hand: " + DealerHand);
+    $("#playerHand").html("Player's hand: " + PlayerHand);
 });