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

No:523

394

←

Prev Next

→

Mahjong game with Timer
Developer User3008｜Date and time 23/6/15 6:20:46
Build time 41.794 sec｜Game capacity 2.941KB｜

Script

タイマン麻雀

西暦2021年1月1日、東風戦が始まりました。

プレイヤー1の名前はあなた、プレイヤー2の名前はコンピューターです。

あなたは東家として牌山から14枚の手牌を引きました。

以下の牌から1枚捨ててください。

🀇

🀈

🀉

🀊

🀋

🀌

🀍

🀎

🀏

🀐

🀑

🀒

🀓

🀔

←

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>
		body {
			font-size: 18px;
		}
		h1 {
			font-size: 36px;
		}
		button {
			font-size: 24px;
		}
		.tile {
			color: red;
			font-size: 48px;
			margin: 10px;
			padding: 10px;
			border: 2px solid red;
			border-radius: 10px;
			display: inline-block;
			cursor: pointer;
		}
		.active {
			background-color: red;
			color: white;
		}
		.hidden {
			display: none;
		}
	</style>
</head>
<body>
	<h1>タイマン麻雀</h1>
	<p>西暦2021年1月1日、<em>東風戦</em>が始まりました。</p>
	<p>プレイヤー1の名前は<em>あなた</em>、プレイヤー2の名前は<em>コンピューター</em>です。</p>
	<p>あなたは<em>東家</em>として牌山から14枚の手牌を引きました。</p>
	<p id="tiles"></p>
	<p>以下の牌から1枚捨ててください。</p>
	<div id="discard">
		<div class="tile">🀇</div>
		<div class="tile">🀈</div>
		<div class="tile">🀉</div>
		<div class="tile">🀊</div>
		<div class="tile">🀋</div>
		<div class="tile">🀌</div>
		<div class="tile">🀍</div>
		<div class="tile">🀎</div>
		<div class="tile">🀏</div>
		<div class="tile">🀐</div>
		<div class="tile">🀑</div>
		<div class="tile">🀒</div>
		<div class="tile">🀓</div>
		<div class="tile">🀔</div>
	</div>
	<button id="submit">捨てる</button>
	<p id="result" class="hidden"></p>
	<script>
		let tiles = ["🀇", "🀈", "🀉", "🀊", "🀋", "🀌", "🀍", "🀎", "🀏", "🀐", "🀑", "🀒", "🀓", "🀔"];
		let hand = [];
		let computer = [];
		
		// 手牌をランダムに引く
		for (let i = 0; i < 14; i++) {
			let index = Math.floor(Math.random() * tiles.length);
			hand.push(tiles[index]);
			tiles.splice(index, 1);
		}
		
		// 手牌の表示
		let handElement = "";
		for (let i = 0; i < hand.length; i++) {
			handElement += `<div class="tile">${hand[i]}</div>`;
		}
		document.getElementById("tiles").innerHTML = handElement;
		
		// 捨てる牌を選択する
		let selectedTile = "";
		let tilesElement = document.getElementsByClassName("tile");
		for (let i = 0; i < tilesElement.length; i++) {
			tilesElement[i].addEventListener("click", function() {
				for (let j = 0; j < tilesElement.length; j++) {
					tilesElement[j].classList.remove("active");
				}
				this.classList.add("active");
				selectedTile = this.innerHTML;
			});
		}
		
		// 捨てる牌を送信する
		let submitButton = document.getElementById("submit");
		let resultElement = document.getElementById("result");
		submitButton.addEventListener("click", function() {
			if (selectedTile !== "") {
				hand.splice(hand.indexOf(selectedTile), 1);
				resultElement.innerHTML = `あなたは<em>${selectedTile}</em>を捨てました。`;
				selectedTile = "";
				resultElement.classList.remove("hidden");
				submitButton.classList.add("hidden");
			}
		});
	</script>
</body>
</html>