Giter Club home page Giter Club logo

blackjack's Introduction

blackjack

The Game

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.

Value 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

Details

  • 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 button
    • STAY button

User Flow

  • 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.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.