麻雀開始ボタンを押すと13個の牌をランダムに並べて出すツモボタンを押すと1個の牌をランダムに出す捨てるボタンを押すと選んだ牌を消します牌は四角で中に数字、文字がある牌を押すと次に押した牌と場所を入れ替えます 1から9の牌と東南西北白発中の16種類's game

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

No:34595

←

Prev Next

→

麻雀開始ボタンを押すと13個の牌をランダムに並べて出すツモボタンを押すと1個の牌をランダムに出す..ALL
Developer 豆腐｜Date and time 24/1/11 4:33:39
Build time 13.484 sec｜Game capacity 3.486KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>麻雀</title>
    <style>
        .tile {
            width: 50px;
            height: 70px;
            border: 1px solid black;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            font-size: 40px;
        }
    </style>
</head>
<body>
    <button onclick="startGame()">開始</button>
    <button onclick="drawTile()">ツモ</button>
    <button onclick="discardTile()">捨てる</button>
    <div id="tilesContainer"></div>
    
    <script>
        const tilesContainer = document.getElementById("tilesContainer");
        let tiles = [];

function startGame() {
            tiles = getShuffledTiles();
            renderTiles();
        }

function getShuffledTiles() {
            const numbers = ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
            const characters = ["東", "南", "西", "北", "白", "発", "中"];
            const allTiles = [...numbers, ...characters];
            return shuffleArray(allTiles).slice(0, 13);
        }

function shuffleArray(array) {
            for (let i = array.length - 1; i > 0; i--) {
                const j = Math.floor(Math.random() * (i + 1));
                [array[i], array[j]] = [array[j], array[i]];
            }
            return array;
        }

function createTileElement(tile) {
            const tileElement = document.createElement("div");
            tileElement.classList.add("tile");
            tileElement.textContent = tile;
            return tileElement;
        }

function drawTile() {
            const newTileIndex = Math.floor(Math.random() * tiles.length);
            const newTile = tiles.splice(newTileIndex, 1)[0];
            const tileElement = createTileElement(newTile);
            tileElement.addEventListener("click", () => {
                swapTiles(tiles.length);
            });
            tilesContainer.appendChild(tileElement);
        }

function discardTile() {
            const selectedTileIndex = parseInt(prompt("捨てる牌の位置を選んでください（0から始まる番号）"));
            if (isNaN(selectedTileIndex) || selectedTileIndex < 0 || selectedTileIndex >= tiles.length) {
                alert("無効な選択です");
                return;
            }
            tiles.splice(selectedTileIndex, 1);
            renderTiles();
        }

function swapTiles(tileIndex) {
            const selectedTileIndex = parseInt(prompt("次に入れ替える牌の位置を選んでください（0から始まる番号）"));
            if (isNaN(selectedTileIndex) || selectedTileIndex < 0 || selectedTileIndex >= tiles.length) {
                alert("無効な選択です");
                return;
            }
            [tiles[tileIndex], tiles[selectedTileIndex]] = [tiles[selectedTileIndex], tiles[tileIndex]];
            renderTiles();
        }
    </script>
</body>
</html>