Need to diagram out the game flow and which functions call which other functions.

Removes the game UI and puts up text indicating who has won.

The hold button indicates they don't want any more cards and their turn is done.

• Game name centered at the top
• show the rules
• show the rules for how the dealer bets
• "start game" button
• CSS set so it looks good on mobile

https://css-tricks.com/snippets/css/a-guide-to-flexbox/

The correct number of divs are being created, but some of them don't have card values and the cards aren't being removed from the deck.

Check http://www.bicyclecards.com/

When a player's (or dealer's) turn is finished this function is called. Based on conditions it decides who's turn is next and calls the appropriate function for their turn.

As the number of games increases the AI players get more intoxicated, as if they were sitting at a casino table getting free drinks. The more intoxicated they are the more likely they are to make choices that aren't the optimal blackjack moves.

This function must be called after everything that affects the cards on the table...initial deal, a player taking an additional card, etc.

This function checks to see if the cards === 21, if they bust, or if neither of those then return their score.

• gets an array of the player's/dealer's cards as input
• converts the string values into a format that can be added together
• adds the cards and checks against several conditions (switch?)...
• do they have blackjack (only two cards totaling 21)
• are they below 21 (return the number so other action can be performed as necessary, such as dealer having to hit)
• are they over 21 and bust
• do they have non-blackjack 21

Need to have at least two functions:

• One that just adds the cards of the array of cards sent to it
• One that checks to see if that array of cards busts, is blackjack

• gets array of currently available cards
• chooses a random number based on the length of that array
• get the card that's at that index and add it to the players hand array
• remove the card from the deck
• send the players updated array to the checkHand function to see if they won, bust, etc
  the checkHand function will handle the logic of what to do next, such as end the game because of bust, or tell dealer to take turn, etc.

• dealer hits until he has 17
• once dealer has 17 he holds
• then his total is compared against the players

Don't worry about fancy colors, transitions, animation, etc. Just have spaces for the player's cards, the Hit and Hold buttons, and the dealer's cards. This screen will be visually improved and iterated once MVP is complete.

• divs created to hold player's two cards
• buttons created for Hit and Hold
• divs created to hold dealer's cards

This button and its function shuffle a fresh deck of cards, gets how many players are playing, and deals the cards to them.

• start button appears on screen and has a click event
• create an array of cards
• get one random number and assign the card at that index to the player
• get one random number and assign the card at that index to the dealer
• get one random number and assign the card at that index to the player
• get one random number and assign the card at that index to the player
• make sure that each card is removed from the array of cards when it is dealt, before any more cards are dealt
• start button is removed from the screen after it is clicked

Have buttons for the rules and dealer guidlines that expand down to show their contents.

This function is called at the end of the game if nobody busts or gets blackjack. It will compare the scores and decide the winner.