AI game creator

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

No:7

7071

←

Prev Next

→

Card game2
Developer anonymous｜Date and time 70/1/1 10:48:58
Build time unknown sec｜Game capacity 6.538KB｜

Script

This game is a card game using playing cards. Players aim to bring their hand total closer to 21 using the cards dealt by the dealer. However, if you go over 21, you lose. If the dealer and player roll 21 at the same time, the game is a draw.

The above is the program of the blackjack game.

←

Prev　Next

→ 　

Back　

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

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

このゲームはトランプを使用したカードゲームです。プレイヤーはディーラーから配られるカードを使って手札の合計値を21に近づけることを目指します。ただし、21を超えてしまうと負けとなります。ディーラーとプレイヤーが同時に21を出した場合、引き分けとなります。

<!DOCTYPE html>
<html>
<head>
	<title>JavaScript BlackJack</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style type="text/css">
		.card {
			width: 70px;
			height: 100px;
			margin: 10px;
			border: 2px solid black;
			border-radius: 5px;
			float: left;
			font-size: 30px;
			text-align: center;
			color: black;
			background-color: white;
			box-shadow: 2px 2px 5px grey;
		}

#dealer-hand {
			clear: both;
			margin-top: 20px;
			margin-bottom: 20px;
		}

#player-hand {
			clear: both;
			margin-top: 20px;
			margin-bottom: 20px;
		}

#buttons {
			clear: both;
			margin-top: 20px;
		}

button {
			width: 100px;
			padding: 10px;
			margin-right: 10px;
			font-size: 20px;
			border-radius: 5px;
			background-color: navy;
			color: white;
			border: none;
			box-shadow: 2px 2px 5px grey;
			cursor: pointer;
		}

button:hover {
			background-color: dodgerblue;
		}

#message {
			margin-top: 20px;
			font-size: 20px;
			font-weight: bold;
			text-align: center;
		}
	</style>
</head>
<body>
	<div id="dealer-hand"></div>
	<div id="player-hand"></div>
	<div id="buttons">
		<button id="deal-button" onclick="deal()">Deal</button>
		<button id="hit-button" onclick="hit()">Hit</button>
		<button id="stand-button" onclick="stand()">Stand</button>
	</div>
	<div id="message"></div>

// 変数の初期化
		let deck = [];
		let dealerHand = [];
		let playerHand = [];
		let dealerPoints = 0;
		let playerPoints = 0;

// ゲームを開始する関数
		function deal() {
			// 変数を初期化
			deck = createDeck();
			dealerHand = [];
			playerHand = [];
			dealerPoints = 0;
			playerPoints = 0;
			document.getElementById('dealer-hand').innerHTML = '';
			document.getElementById('player-hand').innerHTML = '';
			document.getElementById('message').innerHTML = '';

// 初期のカードを配る
			dealerHand.push(drawCard());
			playerHand.push(drawCard());
			dealerHand.push(drawCard());
			playerHand.push(drawCard());

// カードを表示
			updateHands();

// プレイヤーの手札のポイントを計算
			calculatePlayerPoints();

// ディーラーの一枚目のカードのポイントを計算
			calculateDealerPoints();
		}

// カードを処理する関数
		function drawCard() {
			let card = deck.shift();
			return card;
		}

// カードを作成する関数
		function createDeck() {
			deck = [];
			for (let i = 0; i < suits.length; i++) {
				for (let j = 0; j < values.length; j++) {
					let card = {};
					card.suit = suits[i];
					card.value = values[j].value;
					card.points = values[j].points;
					deck.push(card);
				}
			}
			shuffleDeck();
			return deck;
		}

// カードをシャッフルする関数
		function shuffleDeck() {
			for (let i = 0; i < deck.length; i++) {
				let randomIndex = Math.floor(Math.random() * deck.length);
				let temp = deck[i];
				deck[i] = deck[randomIndex];
				deck[randomIndex] = temp;
			}
		}

// 手札を更新する関数
		function updateHands() {
			document.getElementById('dealer-hand').innerHTML = '';
			document.getElementById('player-hand').innerHTML = '';

for (let i = 0; i < dealerHand.length; i++) {
				let imgURL = "img/" + dealerHand[i].value + dealerHand[i].suit + ".png";
				let cardDiv = document.createElement('div');
				cardDiv.className = 'card';
				let cardImg = document.createElement('img');
				cardImg.src = imgURL;
				cardImg.alt = dealerHand[i].value + dealerHand[i].suit;
				cardDiv.appendChild(cardImg);
				document.getElementById('dealer-hand').appendChild(cardDiv);
			}

for (let i = 0; i < playerHand.length; i++) {
				let imgURL = "img/" + playerHand[i].value + playerHand[i].suit + ".png";
				let cardDiv = document.createElement('div');
				cardDiv.className = 'card';
				let cardImg = document.createElement('img');
				cardImg.src = imgURL;
				cardImg.alt = playerHand[i].value + playerHand[i].suit;
				cardDiv.appendChild(cardImg);
				document.getElementById('player-hand').appendChild(cardDiv);
			}
		}

// プレイヤーのポイントを計算する関数
		function calculatePlayerPoints() {
			playerPoints = 0;
			let aceCount = 0;
			for (let i = 0; i < playerHand.length; i++) {
				playerPoints += playerHand[i].points;
				if (playerHand[i].value === 'A') {
					aceCount++;
				}
			}
			while (aceCount > 0 && playerPoints > 21) {
				playerPoints -= 10;
				aceCount--;
			}
			document.getElementById('player-points').innerHTML = playerPoints;
		}

// ディーラーのポイントを計算する関数
		function calculateDealerPoints() {
			dealerPoints = dealerHand[0].points;
			document.getElementById('dealer-points').innerHTML = dealerPoints;
		}

// Hitボタンを押したときに実行される関数
		function hit() {
			playerHand.push(drawCard());
			updateHands();
			calculatePlayerPoints();
			if (playerPoints > 21) {
				document.getElementById('message').innerHTML = 'Bust! You lose.';
			}
		}

// Standボタンを押したときに実行される関数
		function stand() {
			while (dealerPoints < 17) {
				dealerHand.push(drawCard());
				calculateDealerPoints();
			}
			if (dealerPoints > 21 || dealerPoints < playerPoints) {
				document.getElementById('message').innerHTML = 'You win!';
			} else if (dealerPoints > playerPoints) {
				document.getElementById('message').innerHTML = 'You lose.';
			} else {
				document.getElementById('message').innerHTML = 'Push.';
			}
		}
	</script>
</body>
</html>

以上が、ブラックジャックゲームのプログラムです。