Blackjack Game var cards = [ "ace_of_clubs", "2_of_clubs", "3_of_clubs", "4_of_clubs", "5_of_clubs", "6_of_clubs", "7_of_clubs", "8_of_clubs", "9_of_clubs", "10_of_clubs", "jack_of_clubs", "queen_of_clubs", "king_of_clubs", "ace_of_spades", "2_of_spades", "3_of_spades", "4_of_spades", "5_of_spades", "6_of_spades", "7_of_spades", "8_of_spades", "9_of_spades", "10_of_spades", "jack_of_spades", "queen_of_spades", "king_of_spades", "ace_of_diamonds", "2_of_diamonds", "3_of_diamonds", "4_of_diamonds", "5_of_diamonds", "6_of_diamonds", "7_of_diamonds", "8_of_diamonds", "9_of_diamonds", "10_of_diamonds", "jack_of_diamonds", "queen_of_diamonds", "king_of_diamonds", "ace_of_hearts", "2_of_hearts", "3_of_hearts", "4_of_hearts", "5_of_hearts", "6_of_hearts", "7_of_hearts", "8_of_hearts", "9_of_hearts", "10_of_hearts", "jack_of_hearts", "queen_of_hearts", "king_of_hearts", ]; var players; var list; var currentPlayer = 1; var cardNumber = 2; var player1Score; var player2Score; var player3Score; var player4Score; var player5Score; var scores = [0, 0, 0, 0, 0]; function confirmPlayers() { list = document.getElementById("numOfPlayers"); players = list.options[list.selectedIndex].value; document.getElementById("openingText").style.display = "none"; dealCards(); alert("Pass device to player 1"); }</p> <pre class="language-nolang"><code> function dealCards() { for (i = players; i > 0; i--) { var player = players - i + 1; playerDiv = document.createElement("div") document.body.appendChild(playerDiv) playerDiv.id = "player" + player + "div" playerDiv.style.display = "none" var playerTitle = document.createElement("h4"); playerTitle.innerHTML = "Player " + player; playerDiv.appendChild(playerTitle) var main1 = document.createElement("img"); playerDiv.appendChild(main1); imgIndex1 = Math.round(((cards.length - 1) * Math.random())); var main1Src = "Cards/" + cards[imgIndex1] + ".png"; cards.splice(imgIndex1, 1); main1.src = main1Src; main1.width = 195; main1.id = "player" + player + "card1" calculateScore(player, main1.src); var main2 = document.createElement("img"); playerDiv.appendChild(main2); imgIndex2 = Math.round(((cards.length - 1) * Math.random())); var main2Src = "Cards/" + cards[imgIndex2] + ".png"; cards.splice(imgIndex2, 1); main2.src = main2Src; main2.width = 195; main2.id = "player" + player + "card2" calculateScore(player, main2.src); playerDiv.appendChild(document.createElement("br")); playerDiv.appendChild(document.createElement("br")); playerDiv.appendChild(document.createElement("br")); } document.getElementById("player1div").style.display = "inline" document.getElementById("hit").style.display = "inline"; document.getElementById("fold").style.display = "inline"; } function hits() { cardNumber++; imgIndex = Math.round(((cards.length - 1) * Math.random())); var cardSrc = "Cards/" + cards[imgIndex] + ".png"; currentCard = document.createElement("img") currentCard.src = cardSrc; currentCard.width = 195; currentCard.id = "player" + currentPlayer + "card" + cardNumber; document.getElementById("player" + currentPlayer + "div").appendChild(currentCard); cards.splice(imgIndex, 1); calculateScore(currentPlayer, currentCard.src); console.log(scores); } function folds() { if (currentPlayer == players) { endGame(); } else { document.getElementById("player" + currentPlayer + "div").style.display = "none"; switchPlayer(); } } function switchPlayer() { cardNumber = 2; currentPlayer++; alert("Pass the device to player " + currentPlayer); document.getElementById("player" + currentPlayer + "div").style.display = "inline"; } function endGame() { alert("The winner is " + "player " + winner() + "!"); } function calculateScore(player, src) { if ((src.charAt(68) == "2") || (src.charAt(68) == "3") || (src.charAt(68) == "4") || (src.charAt(68) == "5") || (src.charAt(68) == "6") || (src.charAt(68) == "7") || (src.charAt(68) == "8") || (src.charAt(68) == "9") || (src.charAt(68) == "1")) { score = parseInt(src.charAt(68), 10); newScore = scores[(player - 1)] + score; scores.splice((player - 1), 1, newScore); } else if (src.charAt(68) == "a") { newScore = scores[(player - 1)] + 1; scores.splice((player - 1), 1, newScore); } else { newScore = scores[(player - 1)] + 10; scores.splice((player - 1), 1, newScore); } } function winner() { var highest = 0; var winner = 0; for (i = 0; i < scores.length; i++) { if ((scores[i] <= 21) && (scores[i] > highest)) { highest = scores[i]; winner = i; (console.log(i)); } } filtered = scores.filter(a => ((a > 0) && (a <= 21))) console.log(scores) if (filtered.length < 1) { "The dealer wins!" } else { return (winner + 1); } } </script> </code></pre> <p></head> <body bgcolor="black"> <br> <br> <center><div class="logo"><img src="localhackdaylogo.jpg" width=500></div> <br> <br> <div class="title">blackjack for all</div> <br> <div class="quote">"Who said we want to conform to the norm? Celebrate and embrace our differences."<br> - Neil Milliken</div> <br> <br> <div class="body">Hey guys! For today's hackathon, we decided to create a game of blackjack that is free for anyone to play. Our team consisted of lead developer Amir Barkam, assosciate developer Kyle Aganon, and lead designer Sheevam Sharma.</div> <br> <br> <img src="igicon.png" width=50> <br> <br> <br> <br> <table style="width:100%"> <tr> <th><img src="amir.jpg" width=150></th> <th><img src="me.jpg" width=150></th> <th><img src="sheev.jpg" width=150></th> </tr> <tr> <td><div class="insta">@amiralib6</div></td> <td><div class="insta">@kswaganon</div></td> <td><div class="insta">@sheevam_sharma</div></td> </tr> </table> <br></p> <pre class="language-nolang"><code> Hey guys! For today's hackathon, we decided to create a game of blackjack that is free for anyone to play. Our team consisted of lead developer Amir Barkam, assosciate developer Kyle Agagon, and lead designer Sheevam Sharma. <br> <h1>Blackjack</h1> <div id="openingText"> <p>Welcome to the virtual blackjack game! To get started, tell us how many players you would like to have playing!</p> <h5>Enter the number of players</h5> <select id="numOfPlayers"> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> <button onClick="confirmPlayers()">Confirm</button> </div> <button id="hit" onClick="hits()" style="display: none">Hit</button> <button id="fold" onClick="folds()" style="display: none">Fold</button> </code></pre> <p></body> </html></p>
Log in or sign up for Devpost to join the conversation.