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

No:2578

1570

←

Prev Next

→

mahjong
Developer User3272｜Date and time 23/6/22 0:45:44
Build time 37.281 sec｜Game capacity 2.705KB｜

Script

麻雀

ドローした牌:

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>麻雀</title>
	<style type="text/css">
		body {
			background-color: #F6D55C;
			text-align: center;
			font-size: 30px;
			font-family: Arial, sans-serif;
		}
		img {
			width: 80%;
			max-width: 500px;
			height: auto;
			margin: 20px;
		}
		button {
			background-color: #3CAEA3;
			color: white;
			font-size: 20px;
			padding: 10px 20px;
			border: none;
			border-radius: 5px;
			cursor: pointer;
		}
	</style>
	<script type="text/javascript">
		var tiles = [
			'🀇', '🀈', '🀉', '🀊', '🀋', '🀌', '🀍', '🀎', '🀏', //萬子
			'🀐', '🀑', '🀒', '🀓', '🀔', '🀕', '🀖', '🀗', '🀘', //索子
			'🀙', '🀚', '🀛', '🀜', '🀝', '🀞', '🀟', '🀠', '🀡', //筒子
			'🀀', '🀁', '🀂', '🀃', '🀄', '🀅', '🀆', //風牌
			'🀏', '🀇', '🀆', '🀅', '🀄', '🀃', '🀂' //三元牌
		];

var playerHand = [];
		var drawnTile;

function startGame() {
			//プレイヤーの手札を初期化
			playerHand = [];
			for (var i = 0; i < 13; i++) {
				drawTile();
			}

//最初の牌をドローする
			drawnTile = drawTile();

//ボタンを表示する
			document.getElementById('startButton').style.display = 'none';
			document.getElementById('drawButton').style.display = 'block';

//手札を表示する
			displayHand();
		}

function drawTile() {
			//山からランダムに牌をドローする
			var tileIndex = Math.floor(Math.random() * tiles.length);
			var tile = tiles.splice(tileIndex, 1)[0];

//プレイヤーの手札に追加する
			playerHand.push(tile);

//ドローした牌を返す
			return tile;
		}

function discardTile(tileIndex) {
			//プレイヤーの手札から選択した牌を捨てる
			playerHand.splice(tileIndex, 1);

//手札を表示する
			displayHand();
		}

function displayHand() {
			//手札を表示する
			var handHtml = '';
			for (var i = 0; i < playerHand.length; i++) {
				handHtml += '<span onclick="discardTile(' + i + ')">' + playerHand[i] + '</span>';
			}
			document.getElementById('hand').innerHTML = handHtml;

//ドローした牌を表示する
			document.getElementById('drawnTile').innerHTML = drawnTile;
		}
	</script>
</head>
<body>
	<h1>麻雀</h1>
	<img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/160/apple/232/mahjong-tile-red-dragon_1f004.png" alt="麻雀牌">

<div id="hand"></div>
	<div>ドローした牌: <span id="drawnTile"></span></div>
</body>
</html>