AI game creator

Click here for free DL of the app version that can save data.

No:9357

132

←

Prev Next

→

Blackjack
Developer User4341｜Date and time 23/7/23 22:09:27
Build time 48.097 sec｜Game capacity 5.535KB｜

Script

Sure, here's a simple implementation of Blackjack as a single HTML file using JavaScript:

This implementation includes the basic functionality of a Blackjack game, allowing you to start a new game, hit for another card, and stay to end your turn. The game updates the scores and determines the winner accordingly. It uses text-based representation for the cards and suits. You can style the HTML elements and customize the pictograms as per your preference.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

Click here for free DL of the app version that can save data.

Sure, here's a simple implementation of Blackjack as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Blackjack Game</title>
</head>
<body>
  <script>
    // Blackjack Game
    // Card variables
    let suits = ["♠️", "♣️", "♥️", "♦️"];
    let values = ["A", "2", "3", "4", "5", "6", "7", "8", "9", "10", "J", "Q", "K"];

// DOM variables
    let textArea = document.createElement("textarea");
    let newGameButton = document.createElement("button");
    let hitButton = document.createElement("button");
    let stayButton = document.createElement("button");

// Game variables
    let gameStarted = false;
    let gameOver = false;
    let playerWon = false;
    let dealerCards = [];
    let playerCards = [];
    let dealerScore = 0;
    let playerScore = 0;
    let deck = [];

// Helper functions
    function createDeck() {
      let deck = [];
      for (let suitIdx = 0; suitIdx < suits.length; suitIdx++) {
        for (let valueIdx = 0; valueIdx < values.length; valueIdx++) {
          let card = {
            suit: suits[suitIdx],
            value: values[valueIdx]
          };
          deck.push(card);
        }
      }
      return deck;
    }

function getNextCard() {
      return deck.shift();
    }

function getCardString(card) {
      return card.value + card.suit;
    }

function updateScores() {
      dealerScore = getScore(dealerCards);
      playerScore = getScore(playerCards);
    }

function getScore(cardArray) {
      let score = 0;
      let hasAce = false;

for (let i = 0; i < cardArray.length; i++) {
        let card = cardArray[i];
        score += getCardNumericValue(card);

if (card.value === "A") {
          hasAce = true;
        }
      }

if (hasAce && score + 10 <= 21) {
        return score + 10;
      }

return score;
    }

function getCardNumericValue(card) {
      switch (card.value) {
        case "A":
          return 1;
        case "2":
          return 2;
        case "3":
          return 3;
        case "4":
          return 4;
        case "5":
          return 5;
        case "6":
          return 6;
        case "7":
          return 7;
        case "8":
          return 8;
        case "9":
          return 9;
        default:
          return 10;
      }
    }

function showStatus() {
      if (!gameStarted) {
        textArea.innerText = "Welcome to Blackjack!";
        return;
      }

let dealerCardString = "";
      for (let i = 0; i < dealerCards.length; i++) {
        dealerCardString += getCardString(dealerCards[i]) + " ";
      }

let playerCardString = "";
      for (let i = 0; i < playerCards.length; i++) {
        playerCardString += getCardString(playerCards[i]) + " ";
      }

updateScores();

textArea.innerText =
        "Dealer has:\n" +
        dealerCardString +
        "(score: " +
        dealerScore +
        ")\n\n" +

"Player has:\n" +
        playerCardString +
        "(score: " +
        playerScore +
        ")\n\n";

if (gameOver) {
        if (playerWon) {
          textArea.innerText += "You Win!";
        } else {
          textArea.innerText += "Dealer Wins!";
        }
        newGameButton.style.display = "inline";
        hitButton.style.display = "none";
        stayButton.style.display = "none";
      }
    }

function checkForEndOfGame() {
      updateScores();

if (gameOver) {
        while (
          dealerScore < playerScore &&
          playerScore <= 21 &&
          dealerScore <= 21
        ) {
          dealerCards.push(getNextCard());
          updateScores();
        }
      }

if (playerScore > 21) {
        playerWon = false;
        gameOver = true;
      } else if (dealerScore > 21) {
        playerWon = true;
        gameOver = true;
      } else if (gameOver) {
        if (playerScore > dealerScore) {
          playerWon = true;
        } else {
          playerWon = false;
        }
      }
    }

function newGame() {
      gameStarted = true;
      gameOver = false;
      playerWon = false;

deck = createDeck();
      dealerCards = [getNextCard(), getNextCard()];
      playerCards = [getNextCard(), getNextCard()];

newGameButton.style.display = "none";
      hitButton.style.display = "inline";
      stayButton.style.display = "inline";
      showStatus();
    }

function hit() {
      playerCards.push(getNextCard());
      checkForEndOfGame();
      showStatus();
    }

function stay() {
      gameOver = true;
      checkForEndOfGame();
      showStatus();
    }

// Event listeners
    newGameButton.addEventListener("click", newGame);
    hitButton.addEventListener("click", hit);
    stayButton.addEventListener("click", stay);

// Game initialization
    document.body.appendChild(textArea);
    document.body.appendChild(newGameButton);
    document.body.appendChild(hitButton);
    document.body.appendChild(stayButton);

newGameButton.innerText = "New Game";
    hitButton.innerText = "Hit";
    stayButton.innerText = "Stay";

showStatus();
  </script>
</body>
</html>
```

This implementation includes the basic functionality of a Blackjack game, allowing you to start a new game, hit for another card, and stay to end your turn. The game updates the scores and determines the winner accordingly. It uses text-based representation for the cards and suits. You can style the HTML elements and customize the pictograms as per your preference.