Portfolio / Web Development

Blackjack



For Project 1 of my GA Bootcamp. I picked Blackjack as my game. Given the timeline we were assigned, I decided to do a game I am most familiar with and I know I could handle. Before choosing the project, I knew there were still a lot of things I needed to learn and understand, and thinking back to it, this was the perfect difficulty for my level.

Blackjack as simple as it is when played, has a lot of variables that can make developing tha game a challenge. The biggest is having the Aces hold 2 values that can be modified, during gameplay, to a value of either 1 or 11. This is what I found to be the biggest frustration when building my game.

Technologies

  • HTML
  • CSS
  • JAVASCRIPT

Getting Started

  1. The goal of blackjack is to beat the dealer's hand without going over 21.
  2. Face cards are worth 10. Aces are worth 1 or 11, whichever makes a better hand.
  3. Each player starts with two cards, one of the dealer's cards is hidden until the end.
  4. To 'Hit' is to ask for another card. To 'Stand' is to hold your total and end your turn.
  5. If you go over 21 you bust, and the dealer wins regardless of the dealer's hand.
  6. If you are dealt 21 from the start (Ace & 10), you got a blackjack.
  7. Dealer will hit until his/her cards total 17 or higher.
  • To start the game, all you need to do is click Deal.
  • After 2 cards have been dealt, you can either click hit to deal more cards. Careful not to go over 21 or you bust.
  • Click the Stay button if you are happy with your cards and let the dealer make its moves. Good Luck!

Icebox

  1. Split can be done when you have two of the same card - the pair is split into two hands.
  2. You can only double/split on the first move, or first move of a hand created by a split.
  3. You cannot play on two aces after they are split.
  4. Highlight whose turn it is
  5. Score keeper on how many times Player beat Dealer
  6. Add media queries to make the site mobile
  7. Add ambient, shuffle, and deal card sounds