diff --git a/Match-Table-ID-Hand-wif-tests.xlsx b/Match-Table-ID-Hand-wif-tests.xlsx
new file mode 100644
index 00000000..aa3c53e5
Binary files /dev/null and b/Match-Table-ID-Hand-wif-tests.xlsx differ
diff --git a/README.md b/README.md
index 1d3a8a65..3601a067 100644
--- a/README.md
+++ b/README.md
@@ -1 +1,22 @@
# Rocket Academy Coding Bootcamp: Video Poker
+
+Description
+- A single player 5-card poker card game, based on 'Chicago' rules using points instead of game money.
+
+- Designed to be a mobile mini game first in portrait mode.
+ - layout of visual elements try to follow as much as possible, ergonomic principles when playing this game on mobile phone, and to try to make sure that user doesn't drop phone when playing this game.
+ - where possible, black is used to conserve OLED and IPS display current consumption.
+
+- also features rigourous logic to minimise false positive or false negative error results when checking player's hand for winning combinations.
+
+
+To be added/changed:
+- card dealing animations;
+- card exchanging animations;
+- sound effects for button presses;
+- additional banner display for certain very hard to get winning card combinations
+- background instrumental music;
+- 'tutorial' mode - allows player to see through all the possible winning combinations they can strive for;
+- computer opponent against P1?
+- amend table(green) background to shift theme further away from casino look.
+
\ No newline at end of file
diff --git a/REV-styles.css b/REV-styles.css
new file mode 100644
index 00000000..e17f164f
--- /dev/null
+++ b/REV-styles.css
@@ -0,0 +1,190 @@
+body {
+ background-color: black;
+/* background-image: url(./images/hearts-13.png);
+ background-size:300px 140px; */
+}
+
+.wrapper{
+display: flex;
+align-self: center;
+justify-content: center;
+flex-direction: column;
+width: 100vw;
+border:2px solid white;
+
+}
+
+.banner{
+ height: 5vh;
+ width: 100vw;
+ background-color: green;
+ border: 5px solid orange;
+ text-align: center;
+ font-size: 5vh;
+ color: white;
+}
+
+.table{
+ display: flex;
+ /* z-index: 2; */
+ justify-content: center;
+ align-items: center;
+ background-color: green;
+ height: 25vh;
+ width: 100vw;
+ margin: 2vh 0vw 0vh 0vw;
+ padding: 0px;
+}
+
+.msgCenter{
+ display: flex;
+ justify-content: center;
+ align-content:flex-start;
+ background-color:yellow;
+ color:black;
+ height: 7vh;
+ text-align: center;
+ font-size: 3vh;
+}
+
+.btnWrap{
+ display: flex;
+ justify-content:space-between;
+ align-items:center;
+ height: 10vh;
+ margin:3px;
+ padding:0px;
+ border: 3px solid grey;
+}
+
+.btnWrap2{
+ display: flex;
+ justify-content:space-between;
+ align-items:center;
+ height: 10vh;
+ margin:0px;
+ padding:0px;
+ border: 3px solid yellow;
+}
+
+
+.btn{
+/* display: flex;
+ justify-content: center; */
+ height: 4vh;
+ /* width: 25vw; */
+ text-align: center;
+ padding:0px;
+ font-size:4vh;
+ margin: 0px;
+ padding: 0px;
+}
+
+.bidInput{
+height:3.5vh;
+width: 15vw;
+font-size:4vh;
+text-align: center;
+padding-top: 13px;
+padding-right:3px;
+margin-right:10px;
+}
+
+.bidContainer{
+ display:flex;
+ justify-content: flex-end;
+ align-items:center;
+ border: 2px solid orange;
+}
+
+
+
+
+.cardHolder{
+ display: flex;
+ justify-content:center;
+ align-items: center;
+ background-color:white;
+ background-image: url(./images/rbt2.png);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size:164px 228px;
+ background-repeat: no-repeat;
+ background-position: center;
+ margin: 14px 12px 14px 12px;
+ padding: 2px;
+/* background-color:white; */
+ width: 157px;
+ height: 220px;
+ text-align: center;
+ border-radius: 9px;
+ border: 1px solid black
+}
+
+.cardImg{
+ display: flex;
+ justify-self: center;
+ align-self: center;
+ z-index: 2;
+ border-radius: 9px;
+
+}
+
+.none{
+ display: none;
+}
+
+.fadeOut{
+ opacity: 0.15;
+}
+
+.showBack{
+ display: flex;
+ opacity: 1;
+ background-color:white;
+ background-image: url(./images/rbt2.png);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size:164px 228px;
+ background-repeat: no-repeat;
+ background-position: center;
+ border-radius: 9px;
+ border: 1px solid black
+}
+
+.holdLabel{
+ display: flex;
+ z-index:5; /* z-index not working */
+ opacity: 0.93;
+ background-color: rgb(223, 28, 28);
+ background-image: url(./images/z-label.png);
+ background-size:164px 228px;
+ background-repeat: no-repeat;
+ background-position: center;
+ border-radius: 9px;
+ border: 1px solid black
+
+}
+
+.cardCover{
+ display: flex;
+ z-index:5;/* z-index not working */
+ opacity: 1;
+ background-color: white;
+ background-image: url(./images/rbt2.png);
+ background-size:164px 228px;
+ background-repeat: no-repeat;
+ background-position: center;
+ border-radius: 9px;
+ border: 1px solid black
+
+}
+/* for the user interface buttons use
+ * position: relative for the parent container
+ * position: absolute for the child
+ * these should hold in the fixed position in the container
+ * regardless of window magnification and scrolling
+ * source: https://css-tricks.com/absolute-positioning-inside-relative-positioning/* /
+
+ /* reset button- consider using position: fixed
+ * to keep button stuck in the viewport even if the window scrolls*/
\ No newline at end of file
diff --git a/checkHandFns.js b/checkHandFns.js
new file mode 100644
index 00000000..a2469750
--- /dev/null
+++ b/checkHandFns.js
@@ -0,0 +1,366 @@
+/* =====================================
+ * ---CHECK WINNING HAND COMBINATIONS---
+ * ===================================== */
+
+/* FN: ROYAL FLUSH */
+const checkRoyalFlush = (hand) => {
+ let answer = false;
+ const handClone = JSON.parse(JSON.stringify(hand));
+ sortRank(handClone);
+ if ( checkFlush(handClone) === true
+ && handClone[0].rank === 13
+ && handClone[1].rank === 12
+ && handClone[2].rank === 11
+ && handClone[3].rank === 10
+ && handClone[4].rank === 1) {
+ answer = true;
+ }
+return answer;
+};
+
+/* FN: STRAIGHT FLUSH */
+const checkStrFlush = (hand) => {
+ let answer = false;
+ const handClone = JSON.parse(JSON.stringify(hand));
+ sortRank(handClone);
+ if (checkFlush(handClone) === true
+ && checkSequential(handClone) === true) {
+ answer = true;
+ }
+ return answer;
+};
+
+/* FN: 4-OF-A-KIND */
+const checkQuads = (hand) => {
+ let answer = false;
+ for (let i = 0; i < hand.length; i += 1) {
+ console.log('LOOP NUMBER =', i);
+ let handClone = JSON.parse(JSON.stringify(hand));
+ sortRank(handClone);
+ handClone.splice(i, 1);
+ let handRanks = [];
+ for (let j = 0; j < handClone.length; j += 1) {
+ handRanks.push(handClone[j].rank);
+ console.log('handRanks =', handRanks);
+ }
+ const handRankSet = new Set(handRanks);
+ console.log('handRankSet =', handRankSet);
+ if (handRankSet.size === 1) {
+ answer = true;
+ }
+ }
+ return answer;
+};
+
+/* FN: CHECK FOR FULL HOUSE (1 Triplet + 1 Pair) */
+/* 3-of-a-kind position is grouped to 1 Pair position, use checkTriplet coding to build. */
+/* once confirm triplet is present, subtract and use set to check? */
+const checkFullHouse = (hand) => {
+ let answer = false;
+ /* there are 2 tiers to check for full house */
+ /* each tier works of a primary check function */
+ let tier1Triplets = 0;
+ let tier1pairs = 0;
+ let tier1FullHouse= 0;
+ let tier2Triplets = 0;
+ let tier2pairs = 0;
+ let tier2FullHouse = 0;
+ let handClone = JSON.parse(JSON.stringify(hand));
+ sortRank(handClone);
+ /* Tier 1, combi 1, 2, 3, in excel diagram */
+ for (let i = 0; i < handClone.length - 2; i += 1) {
+ let cloneFirst = JSON.parse(JSON.stringify(handClone));
+ console.log('tier1 LOOP ', i);
+ console.log('cloneInner =', cloneFirst);
+
+ if (cloneFirst[i].rank === cloneFirst[i + 1].rank
+ && cloneFirst[i + 1].rank === cloneFirst[i + 2].rank) {
+ tier1Triplets += 1;
+ console.log('triplet count =', tier1Triplets);
+ /* if 1 triplet is found, proceed to check if remaining 2 cards form a pair */
+ /* , is remainder 2 cards = pair, return full house is true */
+ cloneFirst.splice(i, 3);
+ console.log('tier1 remainders = ', cloneFirst);
+ let remainderT1Ranks = [];
+
+ /* loop for parsing ranks of remainder into an array for ranks */
+ for(let j = 0; j < cloneFirst.length; j += 1) {
+ remainderT1Ranks.push(cloneFirst[j].rank);
+ }
+ let remainderT1 = new Set(remainderT1Ranks);
+ console.log('remainderT1 =', remainderT1);
+ if (remainderT1.size === 1) {
+ tier1pairs += 1;
+ tier1FullHouse += 1;
+ /* console.log('=> tier1pairs count =', tier1pairs); */
+ /* console.log('====> tier1FullHouse count =', tier1FullHouse); */
+ } else {
+ tier1pairs += 0;
+ tier1FullHouse += 0;
+ /* console.log('=> tier1pairs count =', tier1pairs); */
+ /* console.log('====> tier1FullHouse count =', tier1FullHouse); */
+ }
+ }
+ }
+ console.log('=> tier1pairs count =', tier1pairs);
+ console.log('====> tier1FullHouse count =', tier1FullHouse);
+ /* Tier 2, combi 4, 5, 6 in excel diagram */
+ for (let j = 1; j < handClone.length - 2; j += 1) {
+ let cloneSecond = JSON.parse(JSON.stringify(handClone));
+ if (cloneSecond[0].rank === cloneSecond[j]
+ && cloneSecond[j] === cloneSecond[4]) {
+ tier2Triplets += 1;
+ console.log('tier2 LOOP ', j);
+ console.log('cloneSecond =', cloneSecond);
+ console.log('Tier 2 triplet count =', tier2Triplets);
+ /* if 1 triplet is found, proceed to check if remaining 2 cards form a pair */
+ /* , is remainder 2 cards = pair, return full house is true */
+ /* loop for parsing ranks of remainder into an array for ranks */
+ if (j === 1) {
+ let tier2Rmdr = [];
+ tier2Rmdr.push(cloneSecond[2].rank);
+ tier2Rmdr.push(cloneSecond[3].rank);
+ console.log('tier2 remainders =', tier2Rmdr);
+ let remainderT2 = new Set(tier2Rmdr);
+ if (remainderT2.size === 1) {
+ tier2pairs += 1;
+ tier2FullHouse += 1;
+ } else {
+ tier2pairs += 0;
+ tier2FullHouse += 0;
+ }
+ }
+ if (j === 2) {
+ let tier2Rmdr = [];
+ tier2Rmdr.push(cloneSecond[1].rank);
+ tier2Rmdr.push(cloneSecond[3].rank);
+ console.log('tier2 remainders =', tier2Rmdr);
+ let remainderT2 = new Set(tier2Rmdr);
+ if (remainderT2.size === 1) {
+ tier2pairs += 1;
+ tier2FullHouse += 1;
+ } else {
+ tier2pairs += 0;
+ tier2FullHouse += 0;
+ }
+ }
+ if (j === 3) {
+ let tier2Rmdr = [];
+ tier2Rmdr.push(cloneSecond[1].rank);
+ tier2Rmdr.push(cloneSecond[2].rank);
+ console.log('tier2 remainders =', tier2Rmdr);
+ let remainderT2 = new Set(tier2Rmdr);
+ if (remainderT2.size === 1) {
+ tier2pairs += 1;
+ tier2FullHouse += 1;
+ } else {
+ tier2pairs += 0;
+ tier2FullHouse += 0;
+ }
+ }
+ }
+ }
+ console.log('=> tier2pairs count =', tier2pairs);
+ console.log('====> tier2FullHouse count =', tier2FullHouse);
+
+ if (tier1FullHouse === 0 && tier2FullHouse === 0) {
+ answer = false;
+ } else if (tier1FullHouse === 1 && tier2FullHouse === 1) {
+ answer = false;
+ } else if (tier1FullHouse === 1 && tier2FullHouse === 0) {
+ answer = true;
+ } else if (tier1FullHouse === 0 && tier2FullHouse === 1) {
+ answer = true;
+ }
+
+ return answer;
+};
+
+/* FN: CHECK FLUSH */
+/* sequentials === FALSE && FLUSH ==== TRUE */
+const checkFlush = (hand) => {
+ let answer = false;
+ const handClone = JSON.parse(JSON.stringify(hand));
+ sortRank(handClone);
+ if (checkSameRank(handClone) === true
+ && checkSequential(handClone) === false) {
+ answer = true;
+ }
+ return answer;
+};
+
+/* FN: CHECK STRAIGHT */
+/* sequentials === TRUE && FLUSH ==== FALSE */
+const checkStraight = (hand) => {
+ let answer = false;
+ const handClone = JSON.parse(JSON.stringify(hand));
+ sortRank(handClone);
+ if (checkSameRank(handClone) === false
+ && checkSequential(handClone) === true) {
+ answer = true;
+ }
+ return answer;
+};
+
+/* FN: CHECK 3-of-a-Kind PAIRS */
+/* checkQuads === FALSE and checkTriplets === True */
+const check3OfAKind = (hand) => {
+ let answer = false;
+ const handClone = JSON.parse(JSON.stringify(hand));
+ sortRank(handClone);
+ if (checkQuads(handClone) === false
+ && checkTriplets(handClone) === true) {
+ answer = true;
+ }
+ return answer;
+};
+
+/* FN: CHECK 2 PAIRS */
+/* checkQuads === FALSE and countPairs === 2 */
+const check2Pairs = (hand) => {
+let answer = false;
+const handClone = JSON.parse(JSON.stringify(hand));
+sortRank(handClone);
+if (checkQuads(handClone) === false
+ && countPairs(handClone) === 2) {
+ answer = true;
+}
+return answer;
+};
+
+/* FN: CHECK 1 PAIR */
+/* checkQuads === FALSE and countPairs === 2 */
+const check1Pair = (hand) => {
+ let answer = false;
+ let tier1 = false;
+ let tier2 = false;
+ const handClone = JSON.parse(JSON.stringify(hand));
+ sortRank(handClone);
+
+ /* check no quads and only 1 pair */
+ if (checkQuads(handClone) === false
+ && countPairs(handClone) === 1) {
+ tier1 = true;
+ console.log('tier1 = ', tier1);
+ } else {
+ tier1 = false;
+ console.log('tier1 = ', tier1);
+ }
+
+ /* check no triplets */
+ if (checkTriplets(handClone) === false) {
+ tier2 = true;
+ console.log('tier2 = ', tier2);
+ } else {
+ tier2 = false;
+ console.log('tier2 = ', tier2);
+ }
+ if (tier1 === true && tier2 === true) {
+ answer = true;
+ }
+ return answer;
+ };
+
+
+/* FN: CHECK HIGHCARD */
+/* NO REPEATS (PAIR/, 2PAIRS,TRIPLETS, QUADS) */
+/* NO SIMULT REPEATS (FULL HOUSE) */
+/* NO SEQUENTIALS */
+/* NO SAME SUITS */
+const checkHighCard = (hand) => {
+ let result = '';
+ let score = 0;
+ let answer = false;
+
+ /* tier 0: no same suit + no sequentials*/
+ if (checkFlush(hand) === true && checkStraight(hand) === true) {
+ result = 'STRAIGHT FLUSH = TRUE';
+ score += 0;
+ } else if (checkFlush(hand) === false && checkStraight(hand) === false) {
+ result = 'STRAIGHT FLUSH = FALSE';
+ score += 1;
+ }
+ console.log('############## STAGE 0 CHECK ###> : ', result);
+ console.log('score =', score);
+
+ /* tier 1: no same suit */
+ if (checkFlush(hand) === true) {
+ result = 'FLUSH = TRUE';
+ score += 0;
+ } else if (checkFlush(hand) === false) {
+ score += 1;
+ result = 'FLUSH = FALSE';
+ }
+ console.log('############## STAGE 1 CHECK ###> : ', result);
+ console.log('score =', score);
+
+ /* Tier 2: no sequentials */
+ if (checkStraight(hand) === true) {
+ result = 'STRAIGHT = TRUE';
+ score += 0;
+ } else if (checkStraight(hand) === false) {
+ result = 'STRAIGHT = FALSE';
+ score += 1;
+ }
+ console.log('############## STAGE 2 CHECK ###> : ', result);
+ console.log('score =', score);
+
+ /* Tier 3: no Royalflush */
+ if (checkRoyalFlush(hand) === true) {
+ result = 'ROYAL FLUSH = TRUE';
+ score += 0;
+ } else if (checkRoyalFlush(hand) === false) {
+ result = 'ROYAL FLUSH = FALSE';
+ score += 1;
+ }
+ console.log('############## STAGE 3 CHECK ###> : ', result);
+ console.log('score =', score);
+
+ /* Tier 4: no quads */
+ if (checkQuads(hand) === true) {
+ result = 'QUADS = TRUE';
+ score += 0;
+ } else if (checkQuads(hand) === false) {
+ result = 'QUADS = FALSE';
+ score += 1;
+ }
+ console.log('############## STAGE 4 CHECK ###> : ', result);
+ console.log('score =', score);
+
+ /* Tier 5: no triplets */
+ if (checkTriplets(hand) === true) {
+ result = 'TRIPLETS = TRUE';
+ score += 0;
+ } else if (checkTriplets(hand) === false) {
+ result = 'TRIPLETS = FALSE';
+ score += 1;
+ }
+ console.log('############## STAGE 5 CHECK ###> : ', result);
+ console.log('score =', score);
+
+ /* Tier 6: no doublePairs >>>> BUG PRESENT IN CONSOLE LOG <<<<<<< */
+ if (check2pairs(hand) === true) {
+ result = '2 PAIRS = TRUE';
+ score += 0;
+ } else if (check2pairs(hand) === false) {
+ result = '2 PAIRS = FALSE';
+ score += 1;
+ }
+ console.log('############## STAGE 6 CHECK ###> : ', result);
+ console.log('score =', score);
+
+ /* Tier 7: no single Pairs */
+ if (check1Pair(hand) === true ) {
+ result = '1 PAIR = TRUE';
+ score += 0;
+ } else if (check1Pair(hand) === false) {
+ result = '1 PAIR = FALSE';
+ score += 1;
+ }
+ console.log('############## STAGE 7 CHECK ###> : ', result);
+ console.log('score = ', score);
+ if (score === 8) {
+ answer = true;
+ }
+ return answer;
+};
\ No newline at end of file
diff --git a/display2.js b/display2.js
new file mode 100644
index 00000000..26db59da
--- /dev/null
+++ b/display2.js
@@ -0,0 +1,156 @@
+/* ====================== */
+/* ---- GAME DISPLAY ---- */
+/* ====================== */
+
+const tableEl = document.getElementById('tableEl');
+
+const displayScore = document.getElementById('scoreBanner');
+displayScore.innerText = `${plyr1Pts} pts`;
+
+/* FN: PUT USER CLICKED CARDS ON HOLD */
+const applyHoldLabel = (cardImage) => {
+ const idOfPic = cardImage.id;
+ if(idOfPic === 'pic0') {
+ idOfCardHolder = 0;
+ } else if (idOfPic === 'pic1') {
+ idOfCardHolder = 1;
+ } else if (idOfPic === 'pic2') {
+ idOfCardHolder = 2;
+ } else if (idOfPic === 'pic3') {
+ idOfCardHolder = 3;
+ } else if (idOfPic === 'pic4') {
+ idOfCardHolder = 4;
+ }
+
+ const cardHolderEl = document.getElementById(`${idOfCardHolder}`);
+ if (plyr1Hand[idOfCardHolder].hold === false) {
+ cardImage.classList.add('fadeOut');
+ cardHolderEl.classList.add('holdLabel');
+ plyr1Hand[idOfCardHolder].hold = true;
+ }
+};
+
+/* FN: REMOVE HOLD LABEL VIA JS */
+const removeHoldLabel = (hand) => {
+ for (let i = 0; i < hand.length; i += 1) {
+ if (plyr1Hand[i].hold === true) {
+ const cardHolderEl = document.getElementById(`${i}`);
+ cardHolderEl.classList.remove('holdLabel');
+
+ const cardImage = document.getElementById(`pic${i}`);
+ cardImage.classList.remove('fadeOut');
+ plyr1Hand[i].hold = false;
+ }
+ }
+ return;
+};
+
+/* Mini FN: cover up cards that need to be swapped */
+const foldCards = (hand) => {
+ /* read the hand to get which cards will be discarded */
+ for (let i = 0; i < hand.length; i += 1) {
+ if (hand[i].hold === false) {
+ discardIndexArr.push(i);
+ }
+ }
+ /* console.log ('Card Indexes to discard = ', discardIndexArr); */
+ for (let j = 0; j < discardIndexArr.length; j += 1) {
+ const discardPicIndex = `pic${discardIndexArr[j]}`;
+ const discardPic = document.getElementById(discardPicIndex);
+
+ const disContainerIndex = `${discardIndexArr[j]}`;
+ const disContainer = document.getElementById(disContainerIndex);
+
+ disContainer.classList.add('showBack');
+ discardPic.classList.add('none');
+ }
+};
+
+/* Mini- FN: SWAP CARD and turn over the covered card */
+const swapCard = () => {
+/* load new cards into discard pile */
+ const discardPile = [];
+ for (let i = 0; i < discardIndexArr.length; i += 1) {
+ discardPile.push(shuffledDeck.pop());
+ }
+ /* console.log ('discard Pile =', discardPile); */
+ /* Below code: get card position indexes that need swapping from */
+ /* discardArray and get their elements by id */
+ for (let j = 0; j < discardIndexArr.length; j += 1) {
+ const discardPicIndex = `pic${discardIndexArr[j]}`;
+ const discardPic = document.getElementById(discardPicIndex);
+
+ const disContainerIndex = `${discardIndexArr[j]}`;
+ console.log('Loop Number, j = ', j);
+ console.log('disContainerIndex =', disContainerIndex);
+ const disContainer = document.getElementById(disContainerIndex);
+
+ /* expunge cardImage element from the selected cardHolder */
+ disContainer.removeChild(discardPic);
+ /* carry out the swap function for the plyr1Hand array */
+ /* plyr1Hand[disContainerIndex] = shuffledDeck.pop(); */
+ const newCard = discardPile[j];
+ const oldCard = plyr1Hand[disContainerIndex];
+ plyr1Hand[disContainerIndex] = newCard;
+ discardPile[j] = oldCard;
+ console.log('discard Pile =', discardPile);
+
+ /* based on new cardIndo, establish new CardImage in this */
+ /* container per j */
+ const cardImage = new Image(); /* 157, 220 */
+ cardImage.classList.add('cardImg');
+ cardImage.setAttribute('id', `pic${disContainerIndex}`);
+ cardImage.src = './images/' + plyr1Hand[disContainerIndex].suit + '-' + plyr1Hand[disContainerIndex].rank + '.png';
+ disContainer.appendChild(cardImage);
+ }
+return;
+};
+
+/* FN: REMOVE HOLD BANNER AND SHOW HELD CARDS AGAIN */
+/* plyr1Hand index is the same as cardContainerIndex */
+const unHoldCards = (hand) => {
+ for (let i = 0; i < hand.length; i += 1) {
+ if(hand[i].hold === true) {
+ const cardHolder = document.getElementById(`${i}`);
+ cardHolder.classList.remove('holdLabel');
+ const cardImage = document.getElementById(`pic${i}`);
+ cardImage.classList.remove('fadeOut');
+ cardImage.classList.add('cardImg');
+ }
+ }
+
+ /* after swap is completed, reset all cardInfo FOLD states to FALSE */
+ for (let j = 0; j < hand.length; j += 1) {
+ plyr1Hand[j].hold = false;
+ }
+};
+/* USER SHOULD STILL BE ABLE TO UN-HOLD CARDS AFTER HE/SHE HOLDs ON THEM TO MAKE CORRECTIONS */
+
+/* FN: DEAL 5 CARDS TO SPECIFIED HAND */
+const deal5Cards = () => {
+ const prefix = './images/';
+
+ /* This is for the start of the game */
+ /* use game states to lock this part step 1 = 5 cards */
+ if (gameState === 0) {
+ for (let i = 0; i < handSize; i += 1) {
+ plyr1Hand.push(shuffledDeck.pop());
+ cardHolder = document.createElement('div');
+ cardHolder.classList.add('cardHolder');
+ cardHolder.setAttribute('id', `${i}`);
+ tableEl.appendChild(cardHolder);
+
+ const cardImage = new Image(157, 220); /* 157, 220 */
+ cardImage.classList.add('cardImg');
+ cardImage.setAttribute('id', `pic${i}`);
+ cardImage.src = prefix + plyr1Hand[i].suit + "-" + plyr1Hand[i].rank + ".png";
+ cardImage.addEventListener('click', (event) => {
+ applyHoldLabel(event.currentTarget);
+ });
+ cardHolder.appendChild(cardImage);
+ }
+ gameState = 1;
+ output("1) Click Card: HOLD. 2) Input Bid amount, press 'BID' to submit.");
+ }
+ return;
+};
diff --git a/helper.js b/helper.js
new file mode 100644
index 00000000..4ef5e935
--- /dev/null
+++ b/helper.js
@@ -0,0 +1,397 @@
+/* eslint-disable no-useless-return */
+/* eslint-disable no-else-return */
+/* ======================
+ * ---HELPER FUNCTIONS---
+ * ====================== */
+
+/* FN: MESSAGE CENTER */
+const output = (message) => {
+ const msgCenter = document.getElementById('msgCenter');
+ msgCenter.innerText = message;
+};
+
+/* FN: GEN RANDOM NUMBERS FOR ARRAY */
+const getRandomIndex = (size) => Math.floor(Math.random() * size);
+
+/* FN: FOR SHUFFLING */
+const shuffleCards = (cards) => {
+ for (let index = 0; index < cards.length; index += 1) {
+ const randomIndex = getRandomIndex(cards.length);
+ const currentItem = cards[index];
+ const randomItem = cards[randomIndex];
+ cards[index] = randomItem;
+ cards[randomIndex] = currentItem;
+ }
+ /* returns deck of shuffled cards */
+ return cards;
+};
+
+/* FN: GENERATING A CARD DECK
+ * make a new deck by "deck = makeDeck()" */
+const makeDeck = () => {
+ const boxOf52Cards = [];
+
+ /* make 52 cards
+ * rank 1-13 (1-10 and jack, queen, king and ace) - innermost loop?
+ * 1-4 suits hearts diamonds, clubs,spades -outtermost loop? */
+
+ /* Outermost loop for suits */
+ let suitIndex = 0;
+ const suits = ['hearts', 'diamonds', 'clubs', 'spades'];
+ const suitsEmoji = ['♥', '♦', '♣', '♠'];
+ while (suitIndex < suits.length) {
+ let currentSuit = suits[suitIndex];
+ let currentEmoji = suitsEmoji[suitIndex];
+
+ //innermost loop for rank
+ let rankCounter = 1;
+ while (rankCounter <= 13) {
+ let cardName = rankCounter;
+
+ //rank 1, 11, 12, 13 are not number cards
+ if (cardName === 1) {
+ cardName = 'ace';
+ } else if (cardName === 11) {
+ cardName = 'jack';
+ } else if (cardName === 12) {
+ cardName = 'queen';
+ } else if (cardName === 13) {
+ cardName = 'king';
+ }
+
+ let card = {
+ name: cardName.toString(),
+ suit: currentSuit,
+ suitEmoji: currentEmoji,
+ rank: rankCounter,
+ hold: false,
+ };
+
+ boxOf52Cards.push(card);
+ rankCounter = rankCounter + 1;
+ }
+
+ suitIndex = suitIndex + 1;
+ }
+
+ return boxOf52Cards;
+};
+
+/* MINI- FN: SORT CARDS IN HAND AND REARRANGE THEM */
+const sortRank = (hand) => { /* remb hand is an array */
+ /* rearrange them from highest to lowest (b - a) */
+ hand.sort((a, b) => parseFloat(b.rank) - parseFloat(a.rank));
+ return hand;
+};
+
+/* FN: COLLATED COUNT OF PLYR1'S HAND */
+const cardTally = (hand) => {
+/* run a loop over the hand of cards in question */
+ for (let i = 0; i < handSize; i += 1) {
+ const cardName = hand[i].name;
+ /* if seen card name before, increment its count */
+ if (cardName in cardNameTally) {
+ cardNameTally[cardName] += 1;
+ }
+ /* else, initialise count of this card name to 1 */
+ else {
+ cardNameTally[cardName] = 1;
+ }
+ }
+ /* cardNameTally[cardName] gives the value to the key (cardName) */
+ for (cardName in cardNameTally) {console.log(`There are ${cardNameTally[cardName]} ${cardName}s in the hand`);
+ }
+};
+
+/* FN: CHECK Same Rank 5 cards SAME SUIT */
+const checkSameRank = (hand) => { /* hand is an array */
+ const suitsInHand = [];
+ for (let i = 0; i < hand.length; i += 1) {
+ suitsInHand.push(hand[i].suit);
+ }
+ /* use set() to check if true, then it's a flush */
+ const suitsInHandSet = new Set(suitsInHand);
+ if (suitsInHandSet.size === 1) {
+ return true;
+ } else {
+ return false;
+ }
+};
+
+/* FN: CHECK SEQUENTIAL( all cards are a.p. with d = 1, but different suit ) */
+const checkSequential = (hand) => {
+ let answer = false;
+ const handClone = JSON.parse(JSON.stringify(hand)); /* so as not to mutate origin array */
+ sortRank(handClone);
+ const diffTracker = [];
+ for (let i = 0; i < handClone.length - 1; i += 1) {
+ let diff = handClone[i].rank - handClone[i + 1].rank;
+ diffTracker.push(diff);
+ }
+
+ const diffSet = new Set(diffTracker);
+ if (diffSet.size === 1) { /* principle based on arithmetic progression d = 1 constant */
+ answer = true;
+ } else if (
+ /* A, 10, 9, 8, 7 */
+ handClone[0].rank === 10
+ && handClone[1].rank === 9
+ && handClone[2].rank === 8
+ && handClone[3].rank === 7
+ && handClone[4].rank === 1
+ ) { answer = true;
+ } else if (
+ /* Q, A, 10, 9, 8 */
+ handClone[0].rank === 12
+ && handClone[1].rank === 10
+ && handClone[2].rank === 9
+ && handClone[3].rank === 8
+ && handClone[4].rank === 1
+ ) { answer = true;
+ } else if (
+ /* K, Q, A, 10, 9 */
+ handClone[0].rank === 13
+ && handClone[1].rank === 12
+ && handClone[2].rank === 10
+ && handClone[3].rank === 9
+ && handClone[4].rank === 1
+ ) { answer = true;
+ }
+ return answer;
+};
+
+/* FN: CHECK FOR 3 CARDS OF THE SAME RANK */
+const checkTriplets = (hand) => {
+ let answer = false;
+ let numOfTriplets = 0;
+ let handClone = JSON.parse(JSON.stringify(hand));
+ sortRank(handClone);
+ for (let i = 0; i < handClone.length - 2; i += 1) {
+ if (handClone[i].rank === handClone[i + 1].rank
+ && handClone[i + 1].rank === handClone[i + 2].rank) {
+ numOfTriplets += 1;
+ }
+ }
+ for (let j = 1; j < handClone.length - 2; j += 1) {
+ if (handClone[0].rank === handClone[j]
+ && handClone[j] === handClone[4]) {
+ numOfTriplets += 1;
+ }
+ }
+ console.log('Number of Triplets found = ', numOfTriplets);
+ if (numOfTriplets === 1) {
+ answer = true;
+ }
+
+ return answer;
+};
+
+/* FN: CHECK FOR TWO PAIRS */
+const check2pairs = (hand) => {
+ let answer = false;
+ for (let i = 0; i < hand.length; i += 1) {
+ console.log('LOOP NUMBER, i =', i);
+ let handClone = JSON.parse(JSON.stringify(hand));
+ sortRank(handClone);
+ handClone.splice(i, 1);
+ console.log('handClone =', handClone);
+ let handRanks = [];
+ for (let j = 0; j < handClone.length; j += 1) {
+ handRanks.push(handClone[j].rank);
+ console.log('handRanks =', handRanks);
+ }
+ const handRankSet = new Set(handRanks);
+ console.log('handRankSet =', handRankSet);
+ if (handRankSet.size === 2) {
+ answer = true;
+ }
+ }
+ return answer;
+};
+
+/* FN: CHECK FOR A PAIR */
+/* note: this logic cannot be used the same way as other check FNs */
+const countPairs = (hand) => {
+ let handClone = JSON.parse(JSON.stringify(hand));
+ sortRank(handClone);
+ let nmbrOfPairs = 0;
+ /* stage 1: 1st 4 combinations */
+ for (let i = 0; i < handClone.length - 1; i += 1) {
+ /* console.log('stage1 Loop, i =', i) */
+ if(handClone[i].rank === handClone[i + 1].rank) {
+ nmbrOfPairs += 1;
+ }
+ }
+ console.log(`${nmbrOfPairs}pairs found after stage 1` );
+
+ /* stage 2: next 3 combinations */
+ for (let j = handClone.length - 1; j > 1; j -= 1) {
+ if(handClone[0].rank === handClone[j].rank) {
+ nmbrOfPairs += 1;
+ }
+ }
+ console.log(`${nmbrOfPairs}pairs found after stage 2` );
+
+ /* stage 3: next 2 combinations */
+ for (let k = handClone.length - 1; k > 2; k -= 1) {
+ if (handClone[1].rank === handClone[k].rank) { nmbrOfPairs += 1;
+ }
+ }
+ console.log(`${nmbrOfPairs}pairs found after stage 3` );
+
+ /* stage 4: final 1 combination */
+ if(handClone[2].rank === handClone[4].rank){
+ nmbrOfPairs += 1;
+ }
+ console.log(`${nmbrOfPairs}pairs found after stage 4` );
+
+/* check the state of the stages */
+
+
+
+
+ return nmbrOfPairs;
+};
+
+/* FN: CHECK NO REPEATS */
+const checkNoRepeats = (hand) => {
+ let answer = false;
+ const repeatedCards = [];
+ let repeatedRanks = [];
+ const handClone = JSON.parse(JSON.stringify(hand)); /* so as not to mutate origin array */
+ sortRank(handClone);
+ console.log(handClone);
+ let pairCount = 0;
+ for (let i = 0; i < handClone.length - 1; i += 1) {
+ if (handClone[i].rank === handClone[i + 1].rank) {
+ repeatedCards.push(handClone[i]);
+ repeatedCards.push(handClone[i + 1]);
+ repeatedRanks.push(handClone[i].rank);
+ repeatedRanks.push(handClone[i + 1].rank);
+ pairCount += 1;
+ const repeatedRanksSet = new Set(repeatedRanks);
+ }
+ }
+
+ if (pairCount === 0 && repeatedCards.length === 0) {
+ answer = true;
+ }
+ return answer;
+};
+
+/* FN: Display the score onto Message centre */
+const refreshScore = () => {
+ displayScore.innerText = `${plyr1Pts} pts`;
+ return;
+};
+
+/* FN: GET BID AMOUNT FROM USER INPUT AND BUTTON CLICK */
+const bidBtn = document.querySelector('#wagerBtn');
+bidBtn.addEventListener('click', () => {
+ if (gameState === 1) {
+ const bidInput = document.querySelector('#bidAmt'); /* it always returns a string */
+ bidAmount = bidInput.valueAsNumber;
+
+ if (isNaN(bidAmount)) {
+ bidAmount = 0;
+ output('Please enter a bid amount, if not your bid is 0 points');
+ }
+
+ output(`You bidded ${bidAmount} pts. Score multiplier will be ${bidAmount}.`);
+ }
+ console.log('bidAmount =', bidAmount);
+
+ plyr1Pts -= bidAmount;
+ refreshScore();
+
+ gameState = 2;
+ return bidAmount;
+});
+
+/* FN: CLEAR TABLE */
+const clearTable = (hand) => {
+ const tableElement = document.getElementById('tableEl');
+ for (let i = 0; i < hand.length; i += 1) {
+ const cardHolder = document.getElementById(`${i}`);
+ tableElement.removeChild(cardHolder);
+ }
+};
+
+/* ===== FN : BUTTON - DEAL CARDS ====================== */
+/* querySelector for DEAL BUTTON */
+const dealButton = document.querySelector('#deal01');
+/* Define what clicking Deal Button does */
+const dealBtnClicked = () => {
+ deal5Cards(plyr1Hand);
+};
+// say which function to call *when* the user clicks the button
+dealButton.addEventListener('click', dealBtnClicked);
+
+/* ===== FN : BUTTON - UNDO ====================== */
+const unHoldButton = document.querySelector('#unHold');
+const undoBtnClicked = () =>
+{
+ removeHoldLabel(plyr1Hand);
+};
+unHoldButton.addEventListener('click', undoBtnClicked);
+
+/* ===== FN : BUTTON - CONFIRM =================== */
+const confirmButton = document.querySelector('#cfmBtn');
+const cfmBtnClicked = () =>
+{
+ if (gameState === 2) {
+ foldCards(plyr1Hand);
+ swapCard();
+ unHoldCards(plyr1Hand);
+ calcHandScore(plyr1Hand);
+ plyr1Pts += wonPts * bidAmount;
+ refreshScore();
+ gameState = 3;
+ }
+ /* function to read cards and get score, */
+ /* function to do pay outs */
+};
+confirmButton.addEventListener('click', cfmBtnClicked);
+
+/* ===== FN : BUTTON - RESET =================== */
+const resetButton = document.querySelector('#reset');
+const resetBtnClicked = () =>
+{
+ clearTable(plyr1Hand);
+ plyr1Hand = [];
+ document.getElementById('bidAmt').value = '';
+ plyr1Pts = 100;
+ refreshScore();
+ gameState = 0;
+ bidAmount = 0;
+
+};
+resetButton.addEventListener('click', resetBtnClicked);
+
+/* ***READING THE CARDS***
+ * LOGIC:Search for Winning Types in descending order of points
+ * Fn :check for same suit (same suit && non-sequential = FLUSH)
+ * Fn :check for sequentials (only sequentials = STRAIGHT,
+ * sequentials + same suit = STR. FLUSH)
+ * Fn :check for royals (13 && 12 & 11 & 10 & 1 + same suit = ROYAL FLUSH)
+ * Fn :check for quads ( 4-OF-A-KIND)
+ * Fn :check for triplets (3-OF-A-KIND,
+ * triplet + pairs = FULL HOUSE)
+ * Fn :check for pairs ( 1 PAIR,
+ * 2 PAIRS )
+ * Fn :check for kickers( HIGH CARD)
+ * (regardless of kickers.length)
+ * (useful only when playing against another playerS)
+ * QUESTION:
+ * 1) DO WE CHECK FOR REPEATS OF RANK THEN COUNT THE REPEATS?
+ * or
+ * 2) USE OBJ TALLY AND THEN USE IF/ELSE TO MATCH TO HAND COMBI?
+ * 3) is it possible to make the tally function anonymous
+ * so that it becomes 1 single root to be used to search
+ * for the different card names? */
+
+/* ***ACTIONS AFTER READING THE CARDS***
+ * Fn : Assign score to player according to hand
+ * Fn : Total score for player according to bets placed
+ * Fn :
+ * */
diff --git a/images/clubs-1.png b/images/clubs-1.png
new file mode 100644
index 00000000..3e7b9123
Binary files /dev/null and b/images/clubs-1.png differ
diff --git a/images/clubs-10.png b/images/clubs-10.png
new file mode 100644
index 00000000..ea253527
Binary files /dev/null and b/images/clubs-10.png differ
diff --git a/images/clubs-11.png b/images/clubs-11.png
new file mode 100644
index 00000000..be14cd7a
Binary files /dev/null and b/images/clubs-11.png differ
diff --git a/images/clubs-12.png b/images/clubs-12.png
new file mode 100644
index 00000000..08d9fe5e
Binary files /dev/null and b/images/clubs-12.png differ
diff --git a/images/clubs-13.png b/images/clubs-13.png
new file mode 100644
index 00000000..915528e1
Binary files /dev/null and b/images/clubs-13.png differ
diff --git a/images/clubs-2.png b/images/clubs-2.png
new file mode 100644
index 00000000..6af80d74
Binary files /dev/null and b/images/clubs-2.png differ
diff --git a/images/clubs-3.png b/images/clubs-3.png
new file mode 100644
index 00000000..355e1baf
Binary files /dev/null and b/images/clubs-3.png differ
diff --git a/images/clubs-4.png b/images/clubs-4.png
new file mode 100644
index 00000000..532219a7
Binary files /dev/null and b/images/clubs-4.png differ
diff --git a/images/clubs-5.png b/images/clubs-5.png
new file mode 100644
index 00000000..1c2ca621
Binary files /dev/null and b/images/clubs-5.png differ
diff --git a/images/clubs-6.png b/images/clubs-6.png
new file mode 100644
index 00000000..69b0a647
Binary files /dev/null and b/images/clubs-6.png differ
diff --git a/images/clubs-7.png b/images/clubs-7.png
new file mode 100644
index 00000000..c5131e23
Binary files /dev/null and b/images/clubs-7.png differ
diff --git a/images/clubs-8.png b/images/clubs-8.png
new file mode 100644
index 00000000..60a80e9d
Binary files /dev/null and b/images/clubs-8.png differ
diff --git a/images/clubs-9.png b/images/clubs-9.png
new file mode 100644
index 00000000..30e6d714
Binary files /dev/null and b/images/clubs-9.png differ
diff --git a/images/diamonds-1.png b/images/diamonds-1.png
new file mode 100644
index 00000000..0111695f
Binary files /dev/null and b/images/diamonds-1.png differ
diff --git a/images/diamonds-10.png b/images/diamonds-10.png
new file mode 100644
index 00000000..0c0e8265
Binary files /dev/null and b/images/diamonds-10.png differ
diff --git a/images/diamonds-11.png b/images/diamonds-11.png
new file mode 100644
index 00000000..f072825c
Binary files /dev/null and b/images/diamonds-11.png differ
diff --git a/images/diamonds-12.png b/images/diamonds-12.png
new file mode 100644
index 00000000..aa440c7d
Binary files /dev/null and b/images/diamonds-12.png differ
diff --git a/images/diamonds-13.png b/images/diamonds-13.png
new file mode 100644
index 00000000..da250a4c
Binary files /dev/null and b/images/diamonds-13.png differ
diff --git a/images/diamonds-2.png b/images/diamonds-2.png
new file mode 100644
index 00000000..3493f5e8
Binary files /dev/null and b/images/diamonds-2.png differ
diff --git a/images/diamonds-3.png b/images/diamonds-3.png
new file mode 100644
index 00000000..437e06e6
Binary files /dev/null and b/images/diamonds-3.png differ
diff --git a/images/diamonds-4.png b/images/diamonds-4.png
new file mode 100644
index 00000000..39ec869a
Binary files /dev/null and b/images/diamonds-4.png differ
diff --git a/images/diamonds-5.png b/images/diamonds-5.png
new file mode 100644
index 00000000..750d7a20
Binary files /dev/null and b/images/diamonds-5.png differ
diff --git a/images/diamonds-6.png b/images/diamonds-6.png
new file mode 100644
index 00000000..35cbf0e6
Binary files /dev/null and b/images/diamonds-6.png differ
diff --git a/images/diamonds-7.png b/images/diamonds-7.png
new file mode 100644
index 00000000..b8153432
Binary files /dev/null and b/images/diamonds-7.png differ
diff --git a/images/diamonds-8.png b/images/diamonds-8.png
new file mode 100644
index 00000000..063bc774
Binary files /dev/null and b/images/diamonds-8.png differ
diff --git a/images/diamonds-9.png b/images/diamonds-9.png
new file mode 100644
index 00000000..c52e281d
Binary files /dev/null and b/images/diamonds-9.png differ
diff --git a/images/hearts-1.png b/images/hearts-1.png
new file mode 100644
index 00000000..0a4d96f9
Binary files /dev/null and b/images/hearts-1.png differ
diff --git a/images/hearts-10.png b/images/hearts-10.png
new file mode 100644
index 00000000..47be115e
Binary files /dev/null and b/images/hearts-10.png differ
diff --git a/images/hearts-11.png b/images/hearts-11.png
new file mode 100644
index 00000000..21943b80
Binary files /dev/null and b/images/hearts-11.png differ
diff --git a/images/hearts-12.png b/images/hearts-12.png
new file mode 100644
index 00000000..d8b39d7a
Binary files /dev/null and b/images/hearts-12.png differ
diff --git a/images/hearts-13.png b/images/hearts-13.png
new file mode 100644
index 00000000..cf9900c1
Binary files /dev/null and b/images/hearts-13.png differ
diff --git a/images/hearts-2.png b/images/hearts-2.png
new file mode 100644
index 00000000..ff4680a3
Binary files /dev/null and b/images/hearts-2.png differ
diff --git a/images/hearts-3.png b/images/hearts-3.png
new file mode 100644
index 00000000..08ff735c
Binary files /dev/null and b/images/hearts-3.png differ
diff --git a/images/hearts-4.png b/images/hearts-4.png
new file mode 100644
index 00000000..4cb2a2a6
Binary files /dev/null and b/images/hearts-4.png differ
diff --git a/images/hearts-5.png b/images/hearts-5.png
new file mode 100644
index 00000000..2a31d10b
Binary files /dev/null and b/images/hearts-5.png differ
diff --git a/images/hearts-6.png b/images/hearts-6.png
new file mode 100644
index 00000000..516d97de
Binary files /dev/null and b/images/hearts-6.png differ
diff --git a/images/hearts-7.png b/images/hearts-7.png
new file mode 100644
index 00000000..6c4fe01c
Binary files /dev/null and b/images/hearts-7.png differ
diff --git a/images/hearts-8.png b/images/hearts-8.png
new file mode 100644
index 00000000..ae24758d
Binary files /dev/null and b/images/hearts-8.png differ
diff --git a/images/hearts-9.png b/images/hearts-9.png
new file mode 100644
index 00000000..ea14ee59
Binary files /dev/null and b/images/hearts-9.png differ
diff --git a/images/kindpng_1537437.png b/images/kindpng_1537437.png
new file mode 100644
index 00000000..c825fc1b
Binary files /dev/null and b/images/kindpng_1537437.png differ
diff --git a/images/rbt.png b/images/rbt.png
new file mode 100644
index 00000000..dc3547fd
Binary files /dev/null and b/images/rbt.png differ
diff --git a/images/rbt2.png b/images/rbt2.png
new file mode 100644
index 00000000..c4581232
Binary files /dev/null and b/images/rbt2.png differ
diff --git a/images/spades-1.png b/images/spades-1.png
new file mode 100644
index 00000000..bbe61ae0
Binary files /dev/null and b/images/spades-1.png differ
diff --git a/images/spades-10.png b/images/spades-10.png
new file mode 100644
index 00000000..7ed98679
Binary files /dev/null and b/images/spades-10.png differ
diff --git a/images/spades-11.png b/images/spades-11.png
new file mode 100644
index 00000000..196cf063
Binary files /dev/null and b/images/spades-11.png differ
diff --git a/images/spades-12.png b/images/spades-12.png
new file mode 100644
index 00000000..345ba3be
Binary files /dev/null and b/images/spades-12.png differ
diff --git a/images/spades-13.png b/images/spades-13.png
new file mode 100644
index 00000000..740f9eae
Binary files /dev/null and b/images/spades-13.png differ
diff --git a/images/spades-2.png b/images/spades-2.png
new file mode 100644
index 00000000..235c7138
Binary files /dev/null and b/images/spades-2.png differ
diff --git a/images/spades-3.png b/images/spades-3.png
new file mode 100644
index 00000000..53372763
Binary files /dev/null and b/images/spades-3.png differ
diff --git a/images/spades-4.png b/images/spades-4.png
new file mode 100644
index 00000000..59c005d4
Binary files /dev/null and b/images/spades-4.png differ
diff --git a/images/spades-5.png b/images/spades-5.png
new file mode 100644
index 00000000..e9782fc8
Binary files /dev/null and b/images/spades-5.png differ
diff --git a/images/spades-6.png b/images/spades-6.png
new file mode 100644
index 00000000..0dd4c33b
Binary files /dev/null and b/images/spades-6.png differ
diff --git a/images/spades-7.png b/images/spades-7.png
new file mode 100644
index 00000000..b36910f6
Binary files /dev/null and b/images/spades-7.png differ
diff --git a/images/spades-8.png b/images/spades-8.png
new file mode 100644
index 00000000..da307ba2
Binary files /dev/null and b/images/spades-8.png differ
diff --git a/images/spades-9.png b/images/spades-9.png
new file mode 100644
index 00000000..4a29d549
Binary files /dev/null and b/images/spades-9.png differ
diff --git a/images/z-hold.png b/images/z-hold.png
new file mode 100644
index 00000000..355e1baf
Binary files /dev/null and b/images/z-hold.png differ
diff --git a/images/z-label.png b/images/z-label.png
new file mode 100644
index 00000000..7db238c8
Binary files /dev/null and b/images/z-label.png differ
diff --git a/index.html b/index.html
new file mode 100644
index 00000000..092645f2
--- /dev/null
+++ b/index.html
@@ -0,0 +1,49 @@
+
+
+
+
+ Video Poker
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+