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

No:30706

←

Prev Next

→

A black jack game
Developer User14924｜Date and time 23/12/24 0:47:17
Build time 34.062 sec｜Game capacity 7.034KB｜

Script

Sure! Here's a simplified version of a blackjack game implemented as a single HTML file using JavaScript. Keep in mind that this is just a basic implementation and may not include all the features of a full-fledged game. Feel free to enhance and modify it as per your requirements.

Blackjack Game

Player Hand:

Dealer Hand:

To play the game, you can copy and save the above code in a file named "blackjack.html" and open it in a web browser on a smartphone. The game will be displayed with buttons to start a new game, hit, and stand. The player's hand, dealer's hand, and scores will be shown on the screen, updating dynamically as the game progresses.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
<title>Blackjack</title>
<style>
    body {
    text-align: center;
}

h1 {
    font-size: 24px;
}

#gameResult {
    font-size: 20px;
    margin-top: 10px;
}

button {
    font-size: 18px;
    margin-top: 10px;
    padding: 5px 10px;
}
</style>
</head>
<body>
    <h1>Blackjack Game</h1>

<hr>

<h2>Player Hand:</h2>
    <div id="playerHand"></div>
    <h3 id="playerScore"></h3>

<hr>

<h2>Dealer Hand:</h2>
    <div id="dealerHand"></div>
    <h3 id="dealerScore"></h3>

<hr>

<button onclick="startNewGame()">Start New Game</button>
    <button onclick="hit()">Hit</button>
    <button onclick="stand()">Stand</button>

// Game variables
    let deck = [];
    let playerHand = [];
    let dealerHand = [];
    let playerScore = 0;
    let dealerScore = 0;
    let gameOver = false;

// Create a new deck of cards
    function createDeck() {
        deck = [];
        for (let suit of suits) {
            for (let value of values) {
                let card = {
                    suit: suit,
                    value: value
                };
                deck.push(card);
            }
        }
        shuffleDeck();
    }

// Shuffle the deck of cards using Fisher-Yates algorithm
    function shuffleDeck() {
        for (let i = deck.length - 1; i > 0; i--) {
            let j = Math.floor(Math.random() * (i + 1));
            [deck[i], deck[j]] = [deck[j], deck[i]];
        }
    }

// Start a new game
    function startNewGame() {
        playerHand = [];
        dealerHand = [];
        playerScore = 0;
        dealerScore = 0;
        gameOver = false;
        createDeck();
        dealCards();
    }

// Deal initial cards to player and dealer
    function dealCards() {
        playerHand.push(deck.pop());
        dealerHand.push(deck.pop());
        playerHand.push(deck.pop());
        dealerHand.push(deck.pop());
        updateGame();
    }

// Update the game interface
    function updateGame() {
        clearTable();
        showPlayerHand();
        showDealerHand();
        updateScores();
        checkBlackjack();
    }

// Clear the game table
    function clearTable() {
        document.getElementById('playerHand').innerHTML = '';
        document.getElementById('dealerHand').innerHTML = '';
        document.getElementById('gameResult').textContent = '';
    }

// Display player's hand on the screen
    function showPlayerHand() {
        for (let card of playerHand) {
            let cardElement = document.createElement('span');
            cardElement.textContent = card.suit + card.value + ' ';
            document.getElementById('playerHand').appendChild(cardElement);
        }
    }

// Display dealer's hand on the screen
    function showDealerHand() {
        // Show only the first card of the dealer's hand initially
        let cardElement = document.createElement('span');
        cardElement.textContent = dealerHand[0].suit + dealerHand[0].value + ' ';
        document.getElementById('dealerHand').appendChild(cardElement);

// Display 'XX' for remaining cards in the dealer's hand
        for (let i = 1; i < dealerHand.length; i++) {
            let hiddenCard = document.createElement('span');
            hiddenCard.textContent = 'XX ';
            document.getElementById('dealerHand').appendChild(hiddenCard);
        }
    }

// Update player and dealer scores
    function updateScores() {
        playerScore = calculateScore(playerHand);
        document.getElementById('playerScore').textContent = `Score: ${playerScore}`;

dealerScore = calculateScore(dealerHand);
        document.getElementById('dealerScore').textContent = `Score: ${dealerScore}`;
    }

// Calculate the score of a hand
    function calculateScore(hand) {
        let score = 0;
        let hasAce = false;

for (let card of hand) {
            if (card.value === 'A') {
                score += 11;
                hasAce = true;
            } else if (card.value === 'K' || card.value === 'Q' || card.value === 'J') {
                score += 10;
            } else {
                score += parseInt(card.value);
            }
        }

// Adjust the score if Ace is present and score exceeds 21
        if (hasAce && score > 21) {
            score -= 10;
        }

return score;
    }

// Check for blackjack (initial hand score of 21)
    function checkBlackjack() {
        if (playerScore === 21 && dealerScore === 21) {
            gameOver = true;
            document.getElementById('gameResult').textContent = 'Push! It\'s a tie.';
        } else if (playerScore === 21) {
            gameOver = true;
            document.getElementById('gameResult').textContent = 'Blackjack! You win.';
        } else if (dealerScore === 21) {
            gameOver = true;
            document.getElementById('gameResult').textContent = 'Dealer has blackjack. You lose.';
        }
    }

// Player clicks the "Hit" button
    function hit() {
        if (!gameOver) {
            playerHand.push(deck.pop());
            updateGame();

if (playerScore > 21) {
                gameOver = true;
                document.getElementById('gameResult').textContent = 'Bust! You lose.';
            }
        }
    }

// Player clicks the "Stand" button
    function stand() {
        if (!gameOver) {
            while (dealerScore < 17) {
                dealerHand.push(deck.pop());
                updateGame();
            }

gameOver = true;
            if (dealerScore > 21) {
                document.getElementById('gameResult').textContent = 'Dealer busts! You win.';
            } else if (dealerScore > playerScore) {
                document.getElementById('gameResult').textContent = 'Dealer wins.';
            } else if (dealerScore < playerScore) {
                document.getElementById('gameResult').textContent = 'You win!';
            } else {
                document.getElementById('gameResult').textContent = 'Push! It\'s a tie.';
            }
        }
    }

// Start a new game when the page is loaded
    window.onload = startNewGame;
</script>
</body>
</html>
```