From c14cf59a1c14c322d6bdd9013216316a4ab32890 Mon Sep 17 00:00:00 2001
From: smdewi <smdewi2020@gmail.com>
Date: Mon, 20 Dec 2021 13:02:34 +0800
Subject: [PATCH 01/19] Add pseudo codes

---
 script.js | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)
diff --git a/script.js b/script.js
index bbe8a29..3650456 100644
--- a/script.js
+++ b/script.js
@@ -1,4 +1,13 @@
+//Blackjack game
+//Start game
+//Create a deck of card
+//Shuffle the deck
+//Deal cards to player and dealer
+//Give player option to hit or stand
+//Calculate score
+//Determine who wins
+
 var main = function (input) {
-  var myOutputValue = 'hello world';
+  var myOutputValue = "hello world";
   return myOutputValue;
 };

From 968a3f41d365c6d06dce1663c24d115dec259bdb Mon Sep 17 00:00:00 2001
From: smdewi <smdewi2020@gmail.com>
Date: Mon, 20 Dec 2021 13:04:15 +0800
Subject: [PATCH 02/19] Change background colors and add buttons

---
 index.html | 47 ++++++++++++++++++++++++++++++++++++++++++-----
 1 file changed, 42 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index 5d0de9e..8f996db 100644
--- a/index.html
+++ b/index.html
@@ -19,6 +19,7 @@
         font-family: sans-serif;
         margin-left: 30px;
         margin-right: 30px;
+        background-color: rgb(32, 97, 81);
       }
 
       #header {
@@ -26,7 +27,7 @@
       }
 
       #container {
-        background-color: pink;
+        background-color: rgb(127, 192, 181);
         margin: 40px auto;
         max-width: 800px;
         padding: 38px 31px;
@@ -48,7 +49,7 @@
       }
 
       #output-div {
-        background-color: lightgrey;
+        background-color: rgb(32, 97, 81);
         margin: 20px auto;
         padding: 20px;
         width: 100%;
@@ -59,24 +60,32 @@
   <!-- The <body> element defines the document's body, and is a container for all the visible contents that will be rendered by the browser.  -->
   <body>
     <!-- The <h1> element defines a large heading. There are 6 pre-set header elements, <h1> to <h6> -->
-    <h1 id="header">Basics! 🚀</h1>
+    <h1 id="header">Basics! Blackjack Game 2️⃣1️⃣🚀</h1>
+    <p>Let's play Blackjack!</p>
+    <br />
+    <p>Rules of the game:</p>
+    <p>Dealer has to hit if their hand is less than 17</p>
     <!-- The <div> tag defines a division or a section in an HTML document, and is commonly use as a "container" for nested HTML elements. -->
     <div id="container">
       <!-- The <p> tag defines a paragraph element. -->
+        
       <p>Input:</p>
       <!-- The self-closing <input /> tag represents a field for a user to enter input. -->
       <input id="input-field" />
       <!-- The self-closing <br /> tag represents a line break - a line's worth of spacing before dispalying the next element. -->
       <br />
       <!-- The <button> tag represents.. you guessed it! a button. -->
-      <button id="submit-button">Submit</button>
+      <button id="submit-button">Start</button>
+      <button id="hit-button">Hit</button>
+      <button id="stand-button">Stand</butoon>
+      <button id="reset-button">Reset</button>
       <p>Output:</p>
       <div id="output-div"></div>
     </div>
     <!-- Everything below this is incorporating JavaScript programming logic into the webpage. -->
     <!-- The script tag encloses JavaScript syntax for the browser to interpret programtically -->
     <!-- The following line imports all code written in the script.js file -->
-    <script src="script.js"></script>
+    <script src="scriptBlackjack.js"></script>
     <!-- Define button click functionality -->
     <script>
       // Declare and define a variable that represents the Submit Button
@@ -96,6 +105,34 @@ <h1 id="header">Basics! 🚀</h1>
         // Reset input value
         input.value = "";
       });
+
+      //Declare and define a variable that represents the Hit Button
+      //When the Hit button is clicked, input is assumed to be "hit"
+      var hitButton = document.querySelector("#hit-button");
+      hitButton.addEventListener("click", function(){
+        var result = main("hit");
+        var output = document.querySelector("#output-div");
+        output.innerHTML = result;
+      })
+
+      //Declare and define a variable that represents the Stand Button
+      //When the stand button is clicked, input is assumed to be "stand"
+      var standButton = document.querySelector("#stand-button");
+      standButton.addEventListener("click", function(){
+        var result = main("stand");
+        var output = document.querySelector("#output-div");
+        output.innerHTML = result;
+      })
+
+      //Declare and define a variable that represents the Reset Button
+      //When the reset button is clicked, input is assumed to be "reset"
+      var resetButton = document.querySelector("#reset-button");
+      resetButton.addEventListener("click", function(){
+        var result = main("reset");
+        var output = document.querySelector("#output-div");
+        output.innerHTML = result;
+      })
+
     </script>
   </body>
 </html>

From 2b97551100351b2d71b0deebd8e74dd55b7e295f Mon Sep 17 00:00:00 2001
From: smdewi <smdewi2020@gmail.com>
Date: Mon, 20 Dec 2021 13:13:36 +0800
Subject: [PATCH 03/19] Test if added buttons are working

---
 index.html | 2 +-
 script.js  | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 8f996db..069b52f 100644
--- a/index.html
+++ b/index.html
@@ -85,7 +85,7 @@ <h1 id="header">Basics! Blackjack Game 2️⃣1️⃣🚀</h1>
     <!-- Everything below this is incorporating JavaScript programming logic into the webpage. -->
     <!-- The script tag encloses JavaScript syntax for the browser to interpret programtically -->
     <!-- The following line imports all code written in the script.js file -->
-    <script src="scriptBlackjack.js"></script>
+    <script src="script.js"></script>
     <!-- Define button click functionality -->
     <script>
       // Declare and define a variable that represents the Submit Button
diff --git a/script.js b/script.js
index 3650456..92a229f 100644
--- a/script.js
+++ b/script.js
@@ -9,5 +9,13 @@
 
 var main = function (input) {
   var myOutputValue = "hello world";
+
+  if (input == "hit") {
+    myOutputValue = "The Hit Button has been clicked.";
+  } else if (input == "stand") {
+    myOutputValue = "Stand button has been selected";
+  } else if (input == "reset") {
+    myOutputValue = "Reset The Game";
+  }
   return myOutputValue;
 };

From b954affebc015e8d0f0c5362fb01aea0b0ddc204 Mon Sep 17 00:00:00 2001
From: smdewi <smdewi2020@gmail.com>
Date: Mon, 20 Dec 2021 13:39:09 +0800
Subject: [PATCH 04/19] Create helper function to make a deck of cards

---
 script.js | 53 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 53 insertions(+)

diff --git a/script.js b/script.js
index 92a229f..193d02d 100644
--- a/script.js
+++ b/script.js
@@ -1,6 +1,56 @@
 //Blackjack game
 //Start game
+
 //Create a deck of card
+var makeDeck = function () {
+  var cardDeck = [];
+  var suits = ["diamonds", "hearts", "clubs", "spades"];
+
+  // Loop over the suits array
+  var suitIndex = 0;
+  while (suitIndex < suits.length) {
+    // Store the current suit in a variable
+    var currentSuit = suits[suitIndex];
+
+    var rankCounter = 1;
+    // Loop from 1 to 13 to create all cards for each suit
+    while (rankCounter <= 13) {
+      // By default, the card name is the same as rankCounter
+      var cardName = rankCounter;
+
+      // If rank is 1, 11, 12, or 13, set cardName to the ace or face card's name
+      if (cardName == 1) {
+        cardName = "ace";
+      } else if (cardName == 11) {
+        cardName = "jack";
+      } else if (cardName == 12) {
+        cardName = "queen";
+      } else if (cardName == 13) {
+        cardName = "king";
+      }
+
+      // Create a new card with the current name, suit, rank and value
+      var card = {
+        name: cardName,
+        suit: currentSuit,
+        rank: rankCounter,
+      };
+
+      // Add the new card to the deck
+      cardDeck.push(card);
+
+      // Increment rankCounter to iterate over the next rank
+      rankCounter += 1;
+    }
+
+    // Increment the suit index to iterate over the next suit
+    suitIndex += 1;
+  }
+
+  // Return the completed card deck
+  return cardDeck;
+};
+
 //Shuffle the deck
 //Deal cards to player and dealer
 //Give player option to hit or stand
@@ -10,6 +60,9 @@
 var main = function (input) {
   var myOutputValue = "hello world";
 
+  var newDeck = makeDeck();
+  console.log(newDeck);
+
   if (input == "hit") {
     myOutputValue = "The Hit Button has been clicked.";
   } else if (input == "stand") {

From 1c7c32148331b5161e4ba75046c2a6e716000b69 Mon Sep 17 00:00:00 2001
From: smdewi <smdewi2020@gmail.com>
Date: Mon, 20 Dec 2021 13:43:07 +0800
Subject: [PATCH 05/19] Changed J Q K to 10 and Ace to 11

---
 script.js | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/script.js b/script.js
index 193d02d..0a94c97 100644
--- a/script.js
+++ b/script.js
@@ -17,16 +17,21 @@ var makeDeck = function () {
     while (rankCounter <= 13) {
       // By default, the card name is the same as rankCounter
       var cardName = rankCounter;
+      var cardValue = rankCounter;
 
       // If rank is 1, 11, 12, or 13, set cardName to the ace or face card's name
       if (cardName == 1) {
         cardName = "ace";
+        cardValue = 11;
       } else if (cardName == 11) {
         cardName = "jack";
+        cardValue = 10;
       } else if (cardName == 12) {
         cardName = "queen";
+        cardValue = 10;
       } else if (cardName == 13) {
         cardName = "king";
+        cardValue = 10;
       }
 
       // Create a new card with the current name, suit, rank and value
@@ -34,6 +39,7 @@ var makeDeck = function () {
         name: cardName,
         suit: currentSuit,
         rank: rankCounter,
+        value: cardValue,
       };
 
       // Add the new card to the deck

From 5b5f6f88994b3af7c7771abb410fbe2c15ba06da Mon Sep 17 00:00:00 2001
From: smdewi <smdewi2020@gmail.com>
Date: Mon, 20 Dec 2021 13:47:57 +0800
Subject: [PATCH 06/19] Add helper function to shuffle the cards

---
 script.js | 31 ++++++++++++++++++++++++++++++-
 1 file changed, 30 insertions(+), 1 deletion(-)

diff --git a/script.js b/script.js
index 0a94c97..b01cb24 100644
--- a/script.js
+++ b/script.js
@@ -57,7 +57,33 @@ var makeDeck = function () {
   return cardDeck;
 };
 
-//Shuffle the deck
+//Helper function to generate random index, to be used in the helper function shuffleDeck
+var getRandomIndex = function (max) {
+  return Math.floor(Math.random() * max);
+};
+
+//Shuffle the deck of cards
+var shuffleCards = function (cardDeck) {
+  // Loop over the card deck array once
+  var currentIndex = 0;
+  while (currentIndex < 52) {
+    // Select a random index in the deck
+    var randomIndex = getRandomIndex(52);
+    // Select the card that corresponds to randomIndex
+    var randomCard = cardDeck[randomIndex];
+    //var randomCard = cardDeck[1];
+    // Select the card that corresponds to currentIndex
+    var currentCard = cardDeck[currentIndex];
+    // Swap positions of randomCard and currentCard in the deck
+    cardDeck[currentIndex] = randomCard;
+    cardDeck[randomIndex] = currentCard;
+    // Increment currentIndex
+    currentIndex = currentIndex + 1;
+  }
+  // Return the shuffled deck
+  return cardDeck;
+};
+
 //Deal cards to player and dealer
 //Give player option to hit or stand
 //Calculate score
@@ -69,6 +95,9 @@ var main = function (input) {
   var newDeck = makeDeck();
   console.log(newDeck);
 
+  var shuffledDeck = shuffleCards(newDeck);
+  console.log(shuffledDeck);
+
   if (input == "hit") {
     myOutputValue = "The Hit Button has been clicked.";
   } else if (input == "stand") {

From 5cb0fe40e955c115d029b217895cd11582d518b0 Mon Sep 17 00:00:00 2001
From: smdewi <smdewi2020@gmail.com>
Date: Mon, 20 Dec 2021 15:14:27 +0800
Subject: [PATCH 07/19] Deal 2 cards to player and dealer, store in array

---
 script.js | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/script.js b/script.js
index b01cb24..567d65f 100644
--- a/script.js
+++ b/script.js
@@ -89,6 +89,11 @@ var shuffleCards = function (cardDeck) {
 //Calculate score
 //Determine who wins
 
+//Global variables
+// Store player's hand and dealer's hand in a separate array
+var playerHand = [];
+var dealerHand = [];
+
 var main = function (input) {
   var myOutputValue = "hello world";
 
@@ -98,6 +103,28 @@ var main = function (input) {
   var shuffledDeck = shuffleCards(newDeck);
   console.log(shuffledDeck);
 
+  //Deal 2 cards each to player and dealer
+  var playerCard1 = shuffledDeck.pop();
+  playerHand.push(playerCard1);
+  console.log("Player Card 1: " + playerCard1);
+  console.log("Player Hand: " + playerHand);
+  var dealerCard1 = shuffledDeck.pop();
+  dealerHand.push(dealerCard1);
+  console.log("Dealer Card 1: " + dealerCard1);
+  console.log("Dealer hand: " + dealerHand);
+
+  var playerCard2 = shuffledDeck.pop();
+  playerHand.push(playerCard2);
+  console.log(playerCard2);
+  var dealerCard2 = shuffledDeck.pop();
+  dealerHand.push(dealerCard2);
+  console.log(dealerCard2);
+
+  myOutputValue = `Player Card 1 is ${playerCard1.name} of ${playerCard1.suit} <br>
+  Dealer Card 1 is ${dealerCard1.name} of ${dealerCard1.suit} <br>
+  Player Card 2 is ${playerCard2.name} of ${playerCard2.suit} <br>
+  Dealer Card 2 is ${dealerCard2.name} of ${dealerCard2.suit}`;
+
   if (input == "hit") {
     myOutputValue = "The Hit Button has been clicked.";
   } else if (input == "stand") {

From 7d6f4234bdd55f9b5f3b0196c267f85661f66692 Mon Sep 17 00:00:00 2001
From: smdewi <smdewi2020@gmail.com>
Date: Mon, 20 Dec 2021 16:54:36 +0800
Subject: [PATCH 08/19] When hit is pressed, add a new card to player

---
 index.html | 15 +++++---------
 script.js  | 60 ++++++++++++++++++++++++++++++------------------------
 2 files changed, 38 insertions(+), 37 deletions(-)

diff --git a/index.html b/index.html
index 069b52f..09f1c44 100644
--- a/index.html
+++ b/index.html
@@ -75,7 +75,7 @@ <h1 id="header">Basics! Blackjack Game 2️⃣1️⃣🚀</h1>
       <!-- The self-closing <br /> tag represents a line break - a line's worth of spacing before dispalying the next element. -->
       <br />
       <!-- The <button> tag represents.. you guessed it! a button. -->
-      <button id="submit-button">Start</button>
+      <button id="start-button">Start</button>
       <button id="hit-button">Hit</button>
       <button id="stand-button">Stand</butoon>
       <button id="reset-button">Reset</button>
@@ -89,21 +89,16 @@ <h1 id="header">Basics! Blackjack Game 2️⃣1️⃣🚀</h1>
     <!-- Define button click functionality -->
     <script>
       // Declare and define a variable that represents the Submit Button
-      var button = document.querySelector("#submit-button");
+      var startButton = document.querySelector("#start-button");
       // When the submit button is clicked, access the text entered by the user in the input field
       // And pass it as an input parameter to the main function as defined in script.js
-      button.addEventListener("click", function () {
-        // Set result to input value
-        var input = document.querySelector("#input-field");
-        // Store the output of main() in a new variable
-        var result = main(input.value);
-
-        // Display result in output element
+      startButton.addEventListener("click", function () {
+        var result = main("start");
         var output = document.querySelector("#output-div");
         output.innerHTML = result;
 
         // Reset input value
-        input.value = "";
+       // input.value = "";
       });
 
       //Declare and define a variable that represents the Hit Button
diff --git a/script.js b/script.js
index 567d65f..b32bfa3 100644
--- a/script.js
+++ b/script.js
@@ -93,39 +93,45 @@ var shuffleCards = function (cardDeck) {
 // Store player's hand and dealer's hand in a separate array
 var playerHand = [];
 var dealerHand = [];
+var playerScore = 0;
+var dealerScore = 0;
+var newDeck = [];
+var shuffledDeck = [];
 
 var main = function (input) {
-  var myOutputValue = "hello world";
-
-  var newDeck = makeDeck();
-  console.log(newDeck);
-
-  var shuffledDeck = shuffleCards(newDeck);
-  console.log(shuffledDeck);
-
-  //Deal 2 cards each to player and dealer
-  var playerCard1 = shuffledDeck.pop();
-  playerHand.push(playerCard1);
-  console.log("Player Card 1: " + playerCard1);
-  console.log("Player Hand: " + playerHand);
-  var dealerCard1 = shuffledDeck.pop();
-  dealerHand.push(dealerCard1);
-  console.log("Dealer Card 1: " + dealerCard1);
-  console.log("Dealer hand: " + dealerHand);
-
-  var playerCard2 = shuffledDeck.pop();
-  playerHand.push(playerCard2);
-  console.log(playerCard2);
-  var dealerCard2 = shuffledDeck.pop();
-  dealerHand.push(dealerCard2);
-  console.log(dealerCard2);
-
-  myOutputValue = `Player Card 1 is ${playerCard1.name} of ${playerCard1.suit} <br>
+  //Start the game
+  if (input == "start") {
+    newDeck = makeDeck();
+    console.log(newDeck);
+
+    shuffledDeck = shuffleCards(newDeck);
+    console.log(shuffledDeck);
+
+    //Deal 2 cards each to player and dealer
+    var playerCard1 = shuffledDeck.pop();
+    playerHand.push(playerCard1);
+    console.log("Player Card 1: " + playerCard1);
+    console.log("Player Hand: " + playerHand);
+    var dealerCard1 = shuffledDeck.pop();
+    dealerHand.push(dealerCard1);
+    console.log("Dealer Card 1: " + dealerCard1);
+    console.log("Dealer hand: " + dealerHand);
+
+    var playerCard2 = shuffledDeck.pop();
+    playerHand.push(playerCard2);
+    console.log(playerCard2);
+    var dealerCard2 = shuffledDeck.pop();
+    dealerHand.push(dealerCard2);
+    console.log(dealerCard2);
+
+    myOutputValue = `Player Card 1 is ${playerCard1.name} of ${playerCard1.suit} <br>
   Dealer Card 1 is ${dealerCard1.name} of ${dealerCard1.suit} <br>
   Player Card 2 is ${playerCard2.name} of ${playerCard2.suit} <br>
   Dealer Card 2 is ${dealerCard2.name} of ${dealerCard2.suit}`;
+  } else if (input == "hit") {
+    var newCard = shuffledDeck.pop();
+    playerHand.push(newCard);
 
-  if (input == "hit") {
     myOutputValue = "The Hit Button has been clicked.";
   } else if (input == "stand") {
     myOutputValue = "Stand button has been selected";

From 6e0019b431c413224aa1d02f1ed504eba1760660 Mon Sep 17 00:00:00 2001
From: smdewi <smdewi2020@gmail.com>
Date: Mon, 20 Dec 2021 22:26:57 +0800
Subject: [PATCH 09/19] Change color and alignment in HTML

---
 index.html | 34 ++++++++++++++--------------------
 1 file changed, 14 insertions(+), 20 deletions(-)

diff --git a/index.html b/index.html
index 09f1c44..9030032 100644
--- a/index.html
+++ b/index.html
@@ -20,6 +20,7 @@
         margin-left: 30px;
         margin-right: 30px;
         background-color: rgb(32, 97, 81);
+        text-align: center;
       }
 
       #header {
@@ -33,14 +34,7 @@
         padding: 38px 31px;
       }
 
-      input {
-        font-size: 21px;
-        line-height: 33px;
-        margin: 0 0 23px 0;
-        padding: 0 9px;
-        width: 100%;
-      }
-
+      
       button {
         font-size: 21px;
         line-height: 33px;
@@ -49,7 +43,7 @@
       }
 
       #output-div {
-        background-color: rgb(32, 97, 81);
+        background-color: rgb(100, 165, 149);
         margin: 20px auto;
         padding: 20px;
         width: 100%;
@@ -60,18 +54,13 @@
   <!-- The <body> element defines the document's body, and is a container for all the visible contents that will be rendered by the browser.  -->
   <body>
     <!-- The <h1> element defines a large heading. There are 6 pre-set header elements, <h1> to <h6> -->
-    <h1 id="header">Basics! Blackjack Game 2️⃣1️⃣🚀</h1>
-    <p>Let's play Blackjack!</p>
-    <br />
-    <p>Rules of the game:</p>
-    <p>Dealer has to hit if their hand is less than 17</p>
+    <h1 id="header" style="color: white">Basics! Blackjack Game 2️⃣1️⃣🚀</h1>
+        <br />
+    <p style="color:white"> <strong> Rules of the game:</strong></p>
+    <p style="color:white">Dealer has to hit if their hand is less than 17</p>
     <!-- The <div> tag defines a division or a section in an HTML document, and is commonly use as a "container" for nested HTML elements. -->
     <div id="container">
-      <!-- The <p> tag defines a paragraph element. -->
-        
-      <p>Input:</p>
-      <!-- The self-closing <input /> tag represents a field for a user to enter input. -->
-      <input id="input-field" />
+      
       <!-- The self-closing <br /> tag represents a line break - a line's worth of spacing before dispalying the next element. -->
       <br />
       <!-- The <button> tag represents.. you guessed it! a button. -->
@@ -85,7 +74,7 @@ <h1 id="header">Basics! Blackjack Game 2️⃣1️⃣🚀</h1>
     <!-- Everything below this is incorporating JavaScript programming logic into the webpage. -->
     <!-- The script tag encloses JavaScript syntax for the browser to interpret programtically -->
     <!-- The following line imports all code written in the script.js file -->
-    <script src="script.js"></script>
+    <script src="scriptBlackjack.js"></script>
     <!-- Define button click functionality -->
     <script>
       // Declare and define a variable that represents the Submit Button
@@ -93,7 +82,12 @@ <h1 id="header">Basics! Blackjack Game 2️⃣1️⃣🚀</h1>
       // When the submit button is clicked, access the text entered by the user in the input field
       // And pass it as an input parameter to the main function as defined in script.js
       startButton.addEventListener("click", function () {
+        // Set result to input value
+        //var input = document.querySelector("#input-field");
+        // Store the output of main() in a new variable
         var result = main("start");
+
+        // Display result in output element
         var output = document.querySelector("#output-div");
         output.innerHTML = result;
 

From 74e5f54c555289c5ec618b4594813d559baacef8 Mon Sep 17 00:00:00 2001
From: smdewi <smdewi2020@gmail.com>
Date: Mon, 20 Dec 2021 22:30:23 +0800
Subject: [PATCH 10/19] Add hit and stand function, and check for bust

---
 script.js | 68 ++++++++++++++++++++++++++++++++++++++++++++++---------
 1 file changed, 57 insertions(+), 11 deletions(-)

diff --git a/script.js b/script.js
index b32bfa3..0a69540 100644
--- a/script.js
+++ b/script.js
@@ -1,5 +1,4 @@
 //Blackjack game
-//Start game
 
 //Create a deck of card
 var makeDeck = function () {
@@ -84,11 +83,6 @@ var shuffleCards = function (cardDeck) {
   return cardDeck;
 };
 
-//Deal cards to player and dealer
-//Give player option to hit or stand
-//Calculate score
-//Determine who wins
-
 //Global variables
 // Store player's hand and dealer's hand in a separate array
 var playerHand = [];
@@ -112,6 +106,7 @@ var main = function (input) {
     playerHand.push(playerCard1);
     console.log("Player Card 1: " + playerCard1);
     console.log("Player Hand: " + playerHand);
+
     var dealerCard1 = shuffledDeck.pop();
     dealerHand.push(dealerCard1);
     console.log("Dealer Card 1: " + dealerCard1);
@@ -120,23 +115,74 @@ var main = function (input) {
     var playerCard2 = shuffledDeck.pop();
     playerHand.push(playerCard2);
     console.log(playerCard2);
+
     var dealerCard2 = shuffledDeck.pop();
     dealerHand.push(dealerCard2);
     console.log(dealerCard2);
 
+    playerScore = playerCard1.value + playerCard2.value;
+    dealerScore = dealerCard1.value + dealerCard2.value;
+
     myOutputValue = `Player Card 1 is ${playerCard1.name} of ${playerCard1.suit} <br>
+    Player Card 2 is ${playerCard2.name} of ${playerCard2.suit} <br>
+    <br>
   Dealer Card 1 is ${dealerCard1.name} of ${dealerCard1.suit} <br>
-  Player Card 2 is ${playerCard2.name} of ${playerCard2.suit} <br>
-  Dealer Card 2 is ${dealerCard2.name} of ${dealerCard2.suit}`;
+  Dealer Card 2 is ${dealerCard2.name} of ${dealerCard2.suit} <br>
+  <br>
+  Player 1 current score is: ${playerScore} <br>
+  Dealer current score is: ${dealerScore}`;
   } else if (input == "hit") {
     var newCard = shuffledDeck.pop();
     playerHand.push(newCard);
+    playerScore = playerScore + newCard.value;
 
-    myOutputValue = "The Hit Button has been clicked.";
+    //Check if player went over 21
+    if (playerScore > 21) {
+      return "You went bust! sorry, you lost!";
+    }
+
+    myOutputValue = `Player additional card is ${newCard.name} of ${newCard.suit} <br>
+                    Click Hit again or Stand`;
   } else if (input == "stand") {
-    myOutputValue = "Stand button has been selected";
+    //var playerTotal = calculatePlayerScore();
+    //var dealerTotal = getDealerScore();
+
+    //Dealer need to hit if dealer hand is below 17
+    while (dealerScore < 17) {
+      var newCard = shuffledDeck.pop();
+      dealerHand.push(newCard);
+      dealerScore = dealerScore + newCard.value;
+    }
+
+    if (dealerScore > 21) {
+      return "Dealer went bust! YOU WIN!";
+    }
+
+    if (playerScore == dealerScore) {
+      return "It's a draw!";
+    } else if (playerScore < dealerScore) {
+      return `Player score is ${playerScore} <br>
+      Dealer score is ${dealerScore} <br>
+      <br>
+      Player lost`;
+    } else if (playerScore > dealerScore) {
+      return `Player score is ${playerScore} <br>
+      Dealer score is ${dealerScore} <br>
+      <br>
+      Player WINS! CONGRATULATIONS!`;
+    }
+
+    myOutputValue = `Player Score: ${playerTotal} <br>
+    Dealer Score: ${dealerTotal}`;
   } else if (input == "reset") {
-    myOutputValue = "Reset The Game";
+    playerHand = [];
+    dealerHand = [];
+    playerScore = 0;
+    dealerScore = 0;
+    newDeck = [];
+    shuffledDeck = [];
+    myOutputValue = "Game has been reset. <br> Please click Start";
   }
+
   return myOutputValue;
 };

From a2206fc5fa15422eab54ed0d309fcf2e74d8b44d Mon Sep 17 00:00:00 2001
From: smdewi <smdewi2020@gmail.com>
Date: Tue, 21 Dec 2021 08:14:32 +0800
Subject: [PATCH 11/19] change font color and alignment

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 9030032..486080c 100644
--- a/index.html
+++ b/index.html
@@ -74,7 +74,7 @@ <h1 id="header" style="color: white">Basics! Blackjack Game 2️⃣1️⃣🚀</
     <!-- Everything below this is incorporating JavaScript programming logic into the webpage. -->
     <!-- The script tag encloses JavaScript syntax for the browser to interpret programtically -->
     <!-- The following line imports all code written in the script.js file -->
-    <script src="scriptBlackjack.js"></script>
+    <script src="script.js"></script>
     <!-- Define button click functionality -->
     <script>
       // Declare and define a variable that represents the Submit Button

From 0c08372c8317ba77f4d55115124844772d56fac4 Mon Sep 17 00:00:00 2001
From: smdewi <smdewi2020@gmail.com>
Date: Tue, 21 Dec 2021 08:15:06 +0800
Subject: [PATCH 12/19] add helper function to show player's hand

---
 script.js | 71 ++++++++++++++++++++++++++++++++++++++++++-------------
 1 file changed, 55 insertions(+), 16 deletions(-)

diff --git a/script.js b/script.js
index 0a69540..7adf760 100644
--- a/script.js
+++ b/script.js
@@ -92,6 +92,40 @@ var dealerScore = 0;
 var newDeck = [];
 var shuffledDeck = [];
 
+//Helper function to show player's hand and dealer's hand
+var showHands = function () {
+  var index = 0;
+  var showPlayerHand = "Player's Hand: <br>";
+  var showDealerHand = "Dealer's Hand: <br>";
+
+  //Loop through playerHand and show each card
+  while (index < playerHand.length) {
+    showPlayerHand =
+      showPlayerHand +
+      playerHand[index].name +
+      " of " +
+      playerHand[index].suit +
+      "<br>";
+    index += 1;
+  }
+
+  //re-initialize index
+  index = 0;
+  //Loop through dealerHand and show each card
+  while (index < dealerHand.length) {
+    showDealerHand =
+      showDealerHand +
+      dealerHand[index].name +
+      " of " +
+      dealerHand[index].suit +
+      "<br>";
+    index += 1;
+  }
+  //re-set index back to 0
+  index = 0;
+  return showPlayerHand + "<br>" + showDealerHand;
+};
+
 var main = function (input) {
   //Start the game
   if (input == "start") {
@@ -123,14 +157,19 @@ var main = function (input) {
     playerScore = playerCard1.value + playerCard2.value;
     dealerScore = dealerCard1.value + dealerCard2.value;
 
-    myOutputValue = `Player Card 1 is ${playerCard1.name} of ${playerCard1.suit} <br>
-    Player Card 2 is ${playerCard2.name} of ${playerCard2.suit} <br>
-    <br>
-  Dealer Card 1 is ${dealerCard1.name} of ${dealerCard1.suit} <br>
-  Dealer Card 2 is ${dealerCard2.name} of ${dealerCard2.suit} <br>
-  <br>
-  Player 1 current score is: ${playerScore} <br>
-  Dealer current score is: ${dealerScore}`;
+    //var myOutputValue = `Player Card 1 is ${playerCard1.name} of ${playerCard1.suit} <br>
+    //Player Card 2 is ${playerCard2.name} of ${playerCard2.suit} <br>
+    //<br>
+    //Dealer Card 1 is ${dealerCard1.name} of ${dealerCard1.suit} <br>
+    //Dealer Card 2 is ${dealerCard2.name} of ${dealerCard2.suit} <br>
+    //<br>
+    // Player 1 current score is: ${playerScore} <br>
+    //Dealer current score is: ${dealerScore}`;
+
+    // myOutputValue = showHands();
+
+    var outputMsg = showHands();
+    return outputMsg;
   } else if (input == "hit") {
     var newCard = shuffledDeck.pop();
     playerHand.push(newCard);
@@ -138,15 +177,17 @@ var main = function (input) {
 
     //Check if player went over 21
     if (playerScore > 21) {
-      return "You went bust! sorry, you lost!";
+      return `You went bust! sorry, you lost! <br> <br>
+      Player's Hand: <br>
+      ${playerHand[0].name} of ${playerHand[0].suit} <br>
+      ${playerHand[1].name} of ${playerHand[1].suit} <br>
+      ${playerHand[2].name} of ${playerHand[2].suit} <br><br>
+      Player score is ${playerScore}`;
     }
 
     myOutputValue = `Player additional card is ${newCard.name} of ${newCard.suit} <br>
                     Click Hit again or Stand`;
   } else if (input == "stand") {
-    //var playerTotal = calculatePlayerScore();
-    //var dealerTotal = getDealerScore();
-
     //Dealer need to hit if dealer hand is below 17
     while (dealerScore < 17) {
       var newCard = shuffledDeck.pop();
@@ -172,8 +213,8 @@ var main = function (input) {
       Player WINS! CONGRATULATIONS!`;
     }
 
-    myOutputValue = `Player Score: ${playerTotal} <br>
-    Dealer Score: ${dealerTotal}`;
+    //myOutputValue = `Player Score: ${playerTotal} <br>
+    //Dealer Score: ${dealerTotal}`;
   } else if (input == "reset") {
     playerHand = [];
     dealerHand = [];
@@ -183,6 +224,4 @@ var main = function (input) {
     shuffledDeck = [];
     myOutputValue = "Game has been reset. <br> Please click Start";
   }
-
-  return myOutputValue;
 };

From 1b880cb6562875fa06df5ebd1424c478de5cb54e Mon Sep 17 00:00:00 2001
From: smdewi <smdewi2020@gmail.com>
Date: Tue, 21 Dec 2021 08:24:31 +0800
Subject: [PATCH 13/19] add helper fxn to show score

---
 script.js | 40 ++++++++++++++++++++++++++++------------
 1 file changed, 28 insertions(+), 12 deletions(-)

diff --git a/script.js b/script.js
index 7adf760..bb9f1a2 100644
--- a/script.js
+++ b/script.js
@@ -126,6 +126,33 @@ var showHands = function () {
   return showPlayerHand + "<br>" + showDealerHand;
 };
 
+//Helper function to show player's score and dealer's score
+var showScores = function () {
+  var index = 0;
+  var showPlayerScore = 0;
+  var showDealerScore = 0;
+
+  while (index < playerHand.length) {
+    showPlayerScore = showPlayerScore + playerHand[index].value;
+    index += 1;
+  }
+  index = 0;
+
+  while (index < dealerHand.length) {
+    showDealerScore = showDealerScore + dealerHand[index].value;
+    index += 1;
+  }
+  index = 0;
+
+  var showScoreMsg =
+    "Player score is " +
+    showPlayerScore +
+    "<br>" +
+    "Dealer score is " +
+    showDealerScore;
+  return showScoreMsg;
+};
+
 var main = function (input) {
   //Start the game
   if (input == "start") {
@@ -157,18 +184,7 @@ var main = function (input) {
     playerScore = playerCard1.value + playerCard2.value;
     dealerScore = dealerCard1.value + dealerCard2.value;
 
-    //var myOutputValue = `Player Card 1 is ${playerCard1.name} of ${playerCard1.suit} <br>
-    //Player Card 2 is ${playerCard2.name} of ${playerCard2.suit} <br>
-    //<br>
-    //Dealer Card 1 is ${dealerCard1.name} of ${dealerCard1.suit} <br>
-    //Dealer Card 2 is ${dealerCard2.name} of ${dealerCard2.suit} <br>
-    //<br>
-    // Player 1 current score is: ${playerScore} <br>
-    //Dealer current score is: ${dealerScore}`;
-
-    // myOutputValue = showHands();
-
-    var outputMsg = showHands();
+    var outputMsg = showHands() + "<br>" + showScores();
     return outputMsg;
   } else if (input == "hit") {
     var newCard = shuffledDeck.pop();

From 1af62ed493bd906da3f41db2f0acc6fa304c186b Mon Sep 17 00:00:00 2001
From: smdewi <smdewi2020@gmail.com>
Date: Tue, 21 Dec 2021 08:34:38 +0800
Subject: [PATCH 14/19] add output msg for when player hit or bust

---
 script.js | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/script.js b/script.js
index bb9f1a2..2508be2 100644
--- a/script.js
+++ b/script.js
@@ -184,7 +184,7 @@ var main = function (input) {
     playerScore = playerCard1.value + playerCard2.value;
     dealerScore = dealerCard1.value + dealerCard2.value;
 
-    var outputMsg = showHands() + "<br>" + showScores();
+    var outputMsg = `${showHands()}<br>${showScores()}`;
     return outputMsg;
   } else if (input == "hit") {
     var newCard = shuffledDeck.pop();
@@ -193,16 +193,16 @@ var main = function (input) {
 
     //Check if player went over 21
     if (playerScore > 21) {
-      return `You went bust! sorry, you lost! <br> <br>
-      Player's Hand: <br>
-      ${playerHand[0].name} of ${playerHand[0].suit} <br>
-      ${playerHand[1].name} of ${playerHand[1].suit} <br>
-      ${playerHand[2].name} of ${playerHand[2].suit} <br><br>
-      Player score is ${playerScore}`;
+      var bustMsg =
+        "You went bust! Sorry You Lost! <br><br>" +
+        showHands() +
+        "<br>" +
+        showScores();
+      return bustMsg;
     }
 
-    myOutputValue = `Player additional card is ${newCard.name} of ${newCard.suit} <br>
-                    Click Hit again or Stand`;
+    var hitMsg = `Player choose to hit <br><br>${showHands()}<br>${showScores()}`;
+    return hitMsg;
   } else if (input == "stand") {
     //Dealer need to hit if dealer hand is below 17
     while (dealerScore < 17) {

From b97d3da1586726f45158a65fcdd0c3fc5e004cf4 Mon Sep 17 00:00:00 2001
From: smdewi <smdewi2020@gmail.com>
Date: Tue, 21 Dec 2021 08:48:04 +0800
Subject: [PATCH 15/19] Add lost, win, reset msg output

---
 script.js | 34 ++++++++++++++++++++--------------
 1 file changed, 20 insertions(+), 14 deletions(-)

diff --git a/script.js b/script.js
index 2508be2..7543a8b 100644
--- a/script.js
+++ b/script.js
@@ -212,25 +212,30 @@ var main = function (input) {
     }
 
     if (dealerScore > 21) {
-      return "Dealer went bust! YOU WIN!";
+      var bustMsg =
+        "Dealer went bust! YOU WIN! <br><br>" +
+        showHands() +
+        "<br>" +
+        showScores();
+      return bustMsg;
     }
 
     if (playerScore == dealerScore) {
-      return "It's a draw!";
+      var drawMsg =
+        "It's a draw! <br><br>" + showHands() + "<br>" + showScores();
+      return drawMsg;
     } else if (playerScore < dealerScore) {
-      return `Player score is ${playerScore} <br>
-      Dealer score is ${dealerScore} <br>
-      <br>
-      Player lost`;
+      var lostMsg =
+        "Player Lost! <br><br>" + showHands() + "<br>" + showScores();
+      return lostMsg;
     } else if (playerScore > dealerScore) {
-      return `Player score is ${playerScore} <br>
-      Dealer score is ${dealerScore} <br>
-      <br>
-      Player WINS! CONGRATULATIONS!`;
+      var winMsg =
+        "Player WINS! CONGRATULATIONS!<br><br>" +
+        showHands() +
+        "<br>" +
+        showScores();
+      return winMsg;
     }
-
-    //myOutputValue = `Player Score: ${playerTotal} <br>
-    //Dealer Score: ${dealerTotal}`;
   } else if (input == "reset") {
     playerHand = [];
     dealerHand = [];
@@ -238,6 +243,7 @@ var main = function (input) {
     dealerScore = 0;
     newDeck = [];
     shuffledDeck = [];
-    myOutputValue = "Game has been reset. <br> Please click Start";
+    var resetMsg = "Game has been reset. <br> Please click Start";
+    return resetMsg;
   }
 };

From bd48c754a53f8bde2ad665e3de7dd13b8035ee54 Mon Sep 17 00:00:00 2001
From: smdewi <smdewi2020@gmail.com>
Date: Tue, 21 Dec 2021 10:24:53 +0800
Subject: [PATCH 16/19] Fix showScore function

---
 script.js | 73 +++++++++++++++++++++++++++++++++++++++----------------
 1 file changed, 52 insertions(+), 21 deletions(-)

diff --git a/script.js b/script.js
index 7543a8b..e9328c6 100644
--- a/script.js
+++ b/script.js
@@ -83,14 +83,16 @@ var shuffleCards = function (cardDeck) {
   return cardDeck;
 };
 
-//Global variables
+// Global variables
 // Store player's hand and dealer's hand in a separate array
+// Initialize playerScore and dealerScore to 0
 var playerHand = [];
 var dealerHand = [];
 var playerScore = 0;
 var dealerScore = 0;
 var newDeck = [];
 var shuffledDeck = [];
+var isThereAce = false;
 
 //Helper function to show player's hand and dealer's hand
 var showHands = function () {
@@ -129,70 +131,97 @@ var showHands = function () {
 //Helper function to show player's score and dealer's score
 var showScores = function () {
   var index = 0;
-  var showPlayerScore = 0;
-  var showDealerScore = 0;
+  playerScore = 0;
+  dealerScore = 0;
 
   while (index < playerHand.length) {
-    showPlayerScore = showPlayerScore + playerHand[index].value;
+    playerScore = playerScore + playerHand[index].value;
     index += 1;
   }
   index = 0;
 
   while (index < dealerHand.length) {
-    showDealerScore = showDealerScore + dealerHand[index].value;
+    dealerScore = dealerScore + dealerHand[index].value;
     index += 1;
   }
   index = 0;
 
   var showScoreMsg =
     "Player score is " +
-    showPlayerScore +
+    playerScore +
     "<br>" +
     "Dealer score is " +
-    showDealerScore;
+    dealerScore;
   return showScoreMsg;
 };
 
+// Helper function to check if there's an Ace in player's Hand
+var checkForAce = function () {
+  var index = 0;
+  while (index < playerHand.length) {
+    if (playerHand[index].name == "ace") {
+      isThereAce = true;
+    }
+    index += 1;
+  }
+  return isThereAce;
+};
+
+// Helper function to count the number of ace in a hand
+var countNoAce = function () {
+  var index = 0;
+  var numOfAce = 0;
+  while (index < playerHand.length) {
+    if (playerHand[index].name == "ace") {
+      numOfAce += 1;
+    }
+    index += 1;
+  }
+  return numOfAce;
+};
+
 var main = function (input) {
   //Start the game
   if (input == "start") {
+    // Create a new deck of cards and shuffle it
     newDeck = makeDeck();
-    console.log(newDeck);
-
     shuffledDeck = shuffleCards(newDeck);
-    console.log(shuffledDeck);
 
     //Deal 2 cards each to player and dealer
     var playerCard1 = shuffledDeck.pop();
     playerHand.push(playerCard1);
-    console.log("Player Card 1: " + playerCard1);
-    console.log("Player Hand: " + playerHand);
 
     var dealerCard1 = shuffledDeck.pop();
     dealerHand.push(dealerCard1);
-    console.log("Dealer Card 1: " + dealerCard1);
-    console.log("Dealer hand: " + dealerHand);
 
     var playerCard2 = shuffledDeck.pop();
     playerHand.push(playerCard2);
-    console.log(playerCard2);
 
     var dealerCard2 = shuffledDeck.pop();
     dealerHand.push(dealerCard2);
-    console.log(dealerCard2);
 
-    playerScore = playerCard1.value + playerCard2.value;
-    dealerScore = dealerCard1.value + dealerCard2.value;
+    //Just to check ace 1 to 11 check function
+
+    // Update player and dealer's score by adding the first 2 cards values
+    //playerScore = playerHand[0].value + playerHand[1].value;
+    //dealerScore = dealerCard1.value + dealerCard2.value;
 
     var outputMsg = `${showHands()}<br>${showScores()}`;
     return outputMsg;
-  } else if (input == "hit") {
+  }
+  // When player hits
+  else if (input == "hit") {
     var newCard = shuffledDeck.pop();
     playerHand.push(newCard);
     playerScore = playerScore + newCard.value;
 
-    //Check if player went over 21
-    if (playerScore > 21) {
+    // Check if player went over 21
+    // if player has an Ace and went bust, Ace counts as 1
+    var playerHasAce = checkForAce();
+    var numOfAce = countNoAce();
+    if (playerScore > 21 && playerHasAce) {
+      playerScore = playerScore - 10 * (numOfAce - 1);
+    } else if (playerScore > 21) {
       var bustMsg =
         "You went bust! Sorry You Lost! <br><br>" +
         showHands() +
@@ -211,6 +240,7 @@ var main = function (input) {
       dealerScore = dealerScore + newCard.value;
     }
 
+    // Check to see if dealer went bust
     if (dealerScore > 21) {
       var bustMsg =
         "Dealer went bust! YOU WIN! <br><br>" +
@@ -220,6 +250,7 @@ var main = function (input) {
       return bustMsg;
     }
 
+    // Conditions for when it's a draw, lost or win
     if (playerScore == dealerScore) {
       var drawMsg =
         "It's a draw! <br><br>" + showHands() + "<br>" + showScores();

From 5396e6d6cdaf0d8f5511a0b02d7c0d67ca61b423 Mon Sep 17 00:00:00 2001
From: smdewi <smdewi2020@gmail.com>
Date: Tue, 21 Dec 2021 11:04:40 +0800
Subject: [PATCH 17/19] add helper fxn to count ace as 1

---
 script.js | 47 ++++++++++++++++++++++++++++++++++++-----------
 1 file changed, 36 insertions(+), 11 deletions(-)

diff --git a/script.js b/script.js
index e9328c6..59130a2 100644
--- a/script.js
+++ b/script.js
@@ -200,12 +200,6 @@ var main = function (input) {
     var dealerCard2 = shuffledDeck.pop();
     dealerHand.push(dealerCard2);
 
-    //Just to check ace 1 to 11 check function
-
-    // Update player and dealer's score by adding the first 2 cards values
-    //playerScore = playerHand[0].value + playerHand[1].value;
-    //dealerScore = dealerCard1.value + dealerCard2.value;
-
     var outputMsg = `${showHands()}<br>${showScores()}`;
     return outputMsg;
   }
@@ -218,15 +212,28 @@ var main = function (input) {
     // Check if player went over 21
     // if player has an Ace and went bust, Ace counts as 1
     var playerHasAce = checkForAce();
+    console.log(playerHasAce);
     var numOfAce = countNoAce();
+    console.log(numOfAce);
+
     if (playerScore > 21 && playerHasAce) {
       playerScore = playerScore - 10 * (numOfAce - 1);
+      console.log(playerScore);
+      //if after changing ace to 1 player is still bust
+      if (playerScore > 21) {
+        return `Player went bust! Sorry You Lost! <br><br>${showHands()} <br>Player score is ${playerScore}<br>Dealer score is ${dealerScore}`;
+      }
+      return `${showHands()}<br>Player score is ${playerScore}<br> Dealer score is ${dealerScore}`;
     } else if (playerScore > 21) {
       var bustMsg =
         "You went bust! Sorry You Lost! <br><br>" +
         showHands() +
         "<br>" +
-        showScores();
+        "Player score is " +
+        playerScore +
+        "<br>" +
+        "Dealer score is " +
+        dealerScore;
       return bustMsg;
     }
 
@@ -246,25 +253,43 @@ var main = function (input) {
         "Dealer went bust! YOU WIN! <br><br>" +
         showHands() +
         "<br>" +
-        showScores();
+        "Player score is " +
+        playerScore +
+        "<br>Dealer score is " +
+        dealerScore;
       return bustMsg;
     }
 
     // Conditions for when it's a draw, lost or win
     if (playerScore == dealerScore) {
       var drawMsg =
-        "It's a draw! <br><br>" + showHands() + "<br>" + showScores();
+        "It's a draw! <br><br>" +
+        showHands() +
+        "<br>" +
+        "Player score is " +
+        playerScore +
+        "<br>Dealer score is " +
+        dealerScore;
       return drawMsg;
     } else if (playerScore < dealerScore) {
       var lostMsg =
-        "Player Lost! <br><br>" + showHands() + "<br>" + showScores();
+        "Player Lost! <br><br>" +
+        showHands() +
+        "<br>" +
+        "Player score is " +
+        playerScore +
+        "<br>Dealer score is " +
+        dealerScore;
       return lostMsg;
     } else if (playerScore > dealerScore) {
       var winMsg =
         "Player WINS! CONGRATULATIONS!<br><br>" +
         showHands() +
         "<br>" +
-        showScores();
+        "Player score is " +
+        playerScore +
+        "<br>Dealer score is " +
+        dealerScore;
       return winMsg;
     }
   } else if (input == "reset") {

From 125fe5d56f291468ca275be06f58b7fe684955ed Mon Sep 17 00:00:00 2001
From: smdewi <smdewi2020@gmail.com>
Date: Tue, 21 Dec 2021 11:07:31 +0800
Subject: [PATCH 18/19] Add rule ace can be 1 or 11

---
 index.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/index.html b/index.html
index 486080c..7ee820f 100644
--- a/index.html
+++ b/index.html
@@ -58,6 +58,7 @@ <h1 id="header" style="color: white">Basics! Blackjack Game 2️⃣1️⃣🚀</
         <br />
     <p style="color:white"> <strong> Rules of the game:</strong></p>
     <p style="color:white">Dealer has to hit if their hand is less than 17</p>
+    <p style="color:white">Ace can be either 1 or 11 for player</p>
     <!-- The <div> tag defines a division or a section in an HTML document, and is commonly use as a "container" for nested HTML elements. -->
     <div id="container">
       

From c29ffa6f556679a6c3f75e51fd9b0c35d3ae2702 Mon Sep 17 00:00:00 2001
From: smdewi <smdewi2020@gmail.com>
Date: Tue, 21 Dec 2021 11:08:16 +0800
Subject: [PATCH 19/19] change deck name

---
 script.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/script.js b/script.js
index 59130a2..855e3b4 100644
--- a/script.js
+++ b/script.js
@@ -3,7 +3,7 @@
 //Create a deck of card
 var makeDeck = function () {
   var cardDeck = [];
-  var suits = ["diamonds", "hearts", "clubs", "spades"];
+  var suits = ["Diamonds", "Hearts", "Clubs", "Spades"];
 
   // Loop over the suits array
   var suitIndex = 0;
@@ -20,16 +20,16 @@ var makeDeck = function () {
 
       // If rank is 1, 11, 12, or 13, set cardName to the ace or face card's name
       if (cardName == 1) {
-        cardName = "ace";
+        cardName = "Ace";
         cardValue = 11;
       } else if (cardName == 11) {
-        cardName = "jack";
+        cardName = "Jack";
         cardValue = 10;
       } else if (cardName == 12) {
-        cardName = "queen";
+        cardName = "Queen";
         cardValue = 10;
       } else if (cardName == 13) {
-        cardName = "king";
+        cardName = "King";
         cardValue = 10;
       }
 
