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

No:189

522

←

Prev Next

→

poker
Developer User2851｜Date and time 23/6/6 3:11:13
Build time 97.098 sec｜Game capacity 3.984KB｜

Script

poker game

This is a poker game that can be played on a smartphone.

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html lang="ja">
<head>
	<meta charset="UTF-8">
	<title>ポーカーゲーム</title>
</head>
<body>
	<div id="game-container">
		<h1>ポーカーゲーム</h1>
		<p>スマホで遊べるポーカーゲームです。</p>
		<button id="deal-btn">ディール</button>
		<div id="player-hand"></div>
		<div id="dealer-hand"></div>
		<p id="result"></p>
	</div>
	<script>
		var deck = [];
		var suits = ["♠️", "♥️", "♦️", "♣️"];
		var ranks = ["A", "2", "3", "4", "5", "6", "7", "8", "9", "10", "J", "Q", "K"];
		var playerCards = [];
		var dealerCards = [];

function shuffleDeck() {
			for(var i = deck.length - 1; i > 0; i--) {
				var j = Math.floor(Math.random() * (i + 1));
				var temp = deck[i];
				deck[i] = deck[j];
				deck[j] = temp;
			}
		}

function dealCards() {
			playerCards.push(deck.pop());
			dealerCards.push(deck.pop());
			playerCards.push(deck.pop());
			dealerCards.push(deck.pop());

displayCards();
			checkWinner();
		}

function displayCards() {
			var playerHand = document.getElementById("player-hand");
			var dealerHand = document.getElementById("dealer-hand");
			playerHand.innerHTML = "";
			dealerHand.innerHTML = "";

for(var i = 0; i < playerCards.length; i++) {
				var card = playerCards[i];
				var cardDiv = document.createElement("div");
				cardDiv.className = "card";
				cardDiv.textContent = card.rank + card.suit;
				playerHand.appendChild(cardDiv);
			}

for(var i = 0; i < dealerCards.length; i++) {
				var card = dealerCards[i];
				var cardDiv = document.createElement("div");
				if(i == 0) {
					cardDiv.className = "card card-back";
					cardDiv.textContent = "🂠";
				} else {
					cardDiv.className = "card";
					cardDiv.textContent = card.rank + card.suit;
				}
				dealerHand.appendChild(cardDiv);
			}
		}

function checkWinner() {
			var playerScore = getHandScore(playerCards);
			var dealerScore = getHandScore(dealerCards);

if(playerScore == 21) {
				document.getElementById("result").textContent = "プレイヤーの勝ち！";
			} else if(playerScore > 21) {
				document.getElementById("result").textContent = "ディーラーの勝ち！";
			} else if(dealerScore == 21) {
				document.getElementById("result").textContent = "ディーラーの勝ち！";
			} else if(dealerScore > 21) {
				document.getElementById("result").textContent = "プレイヤーの勝ち！";
			}
		}

function getHandScore(cards) {
			var score = 0;
			var hasAce = false;

for(var i = 0; i < cards.length; i++) {
				var card = cards[i];
				if(card.rank == "A") {
					hasAce = true;
				}
				score += getCardValue(card.rank);
			}

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

return score;
		}

function getCardValue(rank) {
			switch(rank) {
				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 resetGame() {
			deck = [];
			playerCards = [];
			dealerCards = [];
			createDeck();
			shuffleDeck();
			document.getElementById("result").textContent = "";
		}

document.getElementById("deal-btn").addEventListener("click", function() {
			resetGame();
			dealCards();
		});

createDeck();
		shuffleDeck();
	</script>
	<style>
		.card {
			display: inline-block;
			width: 50px;
			height: 70px;
			background-color: #fff;
			border: 1px solid #000;
			border-radius: 5px;
			font-size: 30px;
			text-align: center;
			margin-right: 5px;
			box-shadow: 1px 1px 3px #999;
			color: #000;
		}

.card-back {
			color: transparent;
		}
	</style>
</body>
</html>