In this game of blackjack the player will play against the computer. The goal of the game is to draw cards whose added value will be as close as possible or equal to 21. At the beginning the player will draw two cards. Upon receiving the two cards the player will look at them and decide to HIT
or STAY
. If the player picks HIT
he will be dealt one more card. The player can HIT
as many times as they wish. When the user choses to STAY
the computer will draw three cards from the same deck and the added value of the players cards will be compared. Whoever is closest to 21 wins. Use the Deck Of Cards API to manage a deck of cards.
- 2-9 = Face Value e.g. 5 of hearts = 5 points, 8 of diamonds = 8 points
- J,Q,K = 10 points
- A = 1 point
-
When the page loads there should be a button that displays "Start Game" and your website should make a network request to get a SHUFFLED NEW DECK.
-
When the user clicks on the "START GAME" button, the button should be replaced with the list below. To get this information you need to make a DRAW A CARD request.
- The player's card images should be shown
- The Current Score (sum of card values)
HIT
buttonSTAY
button
- If a player chooses the
HIT
button, another card should be drawn from a deck and displayed next to the previous cards. - If the sum of their value is greater than 21, replace the entire div of cards, score and buttons with a header that display "BUSTED".
- If not, the current score should be updated to reflect the value of the new card. The two buttons should still be there for the player will choose again.
- If a player chooses the
STAY
button, three cards from the deck should be fetched and those will be the computer's cards. Display the computer's cards and their score to right of the player's cards in a new div. - If the computer's score, is greater than 21 then display "YOU WIN". If not, whichever score is closer to 21 wins.
- Displays who wins under the game title and remove the buttons.
- Try to replicate the game's demo CSS as close as possible.