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

No:34592

麻雀のルールを参考にしてください開始ボタンを押すと13個の牌を並べて出すツモボタンを押すとランダ..ALL
Developer 豆腐｜Date and time 24/1/11 4:24:46
Build time 12.79 sec｜Game capacity 3.208KB｜

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>
        .tile {
            display: inline-block;
            width: 40px;
            height: 60px;
            text-align: center;
            margin-right: 5px;
            font-size: 30px;
            border: 1px solid black;
            cursor: pointer;
        }
        .tile.selected {
            background-color: yellow;
        }
    </style>
</head>
<body>
    <h1>麻雀ゲーム</h1>
    <button id="startButton" onclick="startGame()">開始</button>
    <br><br>
    <div id="hand"></div>
    <br>
    <button id="drawButton" onclick="drawTile()">ツモ</button>
    <span>捨てる牌:</span>
    <span id="discardTile"></span>
    <button id="discardButton" onclick="discardTile()">捨てる</button>
    
    <script>
        var tiles = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '東', '南', '西', '北', '白', '発', '中'];
        var handTiles = [];
        var discardTileIndex = null;

function startGame() {
            var handContainer = document.getElementById('hand');
            handContainer.innerHTML = '';

for (var i = 0; i < 13; i++) {
                var tileIndex = Math.floor(Math.random() * tiles.length);
                var tile = tiles[tileIndex];
                handTiles.push(tile);
                var tileDiv = document.createElement('div');
                tileDiv.className = 'tile';
                tileDiv.textContent = tile;
                tileDiv.addEventListener('click', function() {
                    selectTile(this);
                });
                handContainer.appendChild(tileDiv);
            }
        }

function drawTile() {
            var tileIndex = Math.floor(Math.random() * tiles.length);
            var tile = tiles[tileIndex];
            handTiles.push(tile);
            var tileDiv = document.createElement('div');
            tileDiv.className = 'tile';
            tileDiv.textContent = tile;
            tileDiv.addEventListener('click', function() {
                selectTile(this);
            });
            document.getElementById('hand').appendChild(tileDiv);
        }

function discardTile() {
            if (discardTileIndex !== null) {
                handTiles.splice(discardTileIndex, 1);
                document.getElementById('discardTile').textContent = '';
                discardTileIndex = null;
            }
        }