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

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

No:34596

←

Prev Next

→

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

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>
</head>
<body>
    <div id="tiles-container" style="display: flex;">
        
        <div id="tsumo-tile" style="width: 50px; height: 60px; border: 1px solid black; margin: 10px;"></div>
        
        <div id="hand-tiles" style="display: flex;"></div>
    </div>
    
    
    <div>
        <button id="start-button">開始</button>
        <button id="tsumo-button">ツモ</button>
        <button id="discard-button">捨てる</button>
    </div>
    
    <script>
        // 牌の種類
        const tiles = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "東", "南", "西", "北", "白", "発", "中"];
        
        // 牌をランダムに選ぶ関数
        function pickRandomTile() {
            const randomIndex = Math.floor(Math.random() * tiles.length);
            return tiles[randomIndex];
        }
        
        // 牌を表示する関数
        function displayTile(tile) {
            const tileElement = document.createElement("div");
            tileElement.style.width = "50px";
            tileElement.style.height = "60px";
            tileElement.style.border = "1px solid black";
            tileElement.style.margin = "10px";
            tileElement.textContent = tile;
            tileElement.addEventListener("click", function() {
                tileElement.style.marginLeft = "0";
            });
            document.getElementById("hand-tiles").appendChild(tileElement);
        }
        
        // 牌を初期化する関数
        function initTiles() {
            for (let i = 0; i < 13; i++) {
                const tile = pickRandomTile();
                displayTile(tile);
            }
        }
        
        // 牌をツモる関数
        function tsumoTile() {
            const tile = pickRandomTile();
            document.getElementById("tsumo-tile").textContent = tile;
        }
        
        // 牌を捨てる関数
        function discardTile() {
            const selectedTile = document.querySelector("#hand-tiles > div:first-child");
            if (selectedTile) {
                selectedTile.remove();
            }
        }
        
        // 開始ボタンをクリックした時の処理
        document.getElementById("start-button").addEventListener("click", function() {
            initTiles();
        });
        
        // ツモボタンをクリックした時の処理
        document.getElementById("tsumo-button").addEventListener("click", function() {
            tsumoTile();
        });
        
        // 捨てるボタンをクリックした時の処理
        document.getElementById("discard-button").addEventListener("click", function() {
            discardTile();
        });
    </script>
</body>
</html>