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

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

No:34616

←

Prev Next

→

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

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">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>麻雀ゲーム</title>
    <style>
        .tile {
            width: 80px;
            height: 100px;
            border: 2px solid black;
            border-radius: 8px;
            display: inline-block;
            text-align: center;
            line-height: 100px;
            font-size: 24px;
            margin: 5px;
            cursor: pointer;
        }
    </style>
</head>

// 手牌の牌をランダムに生成して表示する
            var hand = [];
            for (var i = 0; i < 13; i++) {
                var tile = getRandomTile();
                hand.push(tile);
                var tileDiv = createTileDiv(tile);
                tileDiv.onclick = function () {
                    swapTiles(this, drawTile);
                }
                handTiles.appendChild(tileDiv);
            }

// ツモ牌をランダムに生成して表示する
            var drawnTile = getRandomTile();
            drawTile.appendChild(createTileDiv(drawnTile));

// 処理が実行開始されたことを表示する
            console.log("ゲームが開始されました");
        }

function getRandomTile() {
            var tiles = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '東', '南', '西', '北', '白', '発', '中'];
            var randomIndex = Math.floor(Math.random() * tiles.length);
            return tiles[randomIndex];
        }

function createTileDiv(tile) {
            var div = document.createElement('div');
            div.className = 'tile';
            div.innerText = tile;
            return div;
        }

function swapTiles(tileDiv, drawDiv) {
            var tileValue = tileDiv.innerText;
            var drawValue = drawDiv.innerText;
            var tileIndex = Array.prototype.indexOf.call(tileDiv.parentNode.childNodes, tileDiv);

tileDiv.innerText = drawValue;
            drawDiv.innerText = tileValue;
            tileDiv.onclick = function () {
                swapTiles(this, drawDiv);
            }
        }
    </script>
</body>

</html>