Module 4

DOM Manipulation/Black Jack

===== WARNING =====

DON'T Copy and paste JS from sites into your project.

You will spend your whole week debugging instead of learning. Feel free to dig into the examples to get an idea of what your code should look like. Ask questions instead!

===== WARNING =====

---

Overview

Time to get dynamic in the browser! We are going to make an interactive, browser-based version of the popular card game, Black Jack.

---

Tasks

Use the provided libraries along with your own JS code to build elements in the browser including playing cards, buttons, text fields, etc. to make a simple Black Jack game that the user can interact and play with.

Dependency

Blackjack Dealer Logic

Example

Blackjack Console Example

Functionality

User should

• Have drop-down navigation that includes:
  • the ability to restart the game
  • the ability to enter their name which is then displayed somewhere on the screen
• Be displayed with their dealt hand as well as the dealers hand with only one card showing (per standard Black Jack rules)
• Have buttons that hit, stand, and double
• Have running list of games that they win, lose, or push

---

Tips

• Remember to look at Stack Overflow and Google problems when you have them.
• Mozilla Developer Network: JavaScript

---

Resources

• Black Jack Rules
• Javascript: DOM Manipulation
• Jest Testing
• The Two Pillars of JS
• Webpack
• Linting

---

Articles

• A guide to prototype-based class inheritance in JavaScript