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

No:1665

1648

←

Prev Next

→

mahjong
Developer User3385｜Date and time 23/6/18 21:15:04
Build time 21.121 sec｜Game capacity 2.303KB｜

Script

麻雀

このゲームでは、4人で麻雀をプレイします。

←

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">
    <title>麻雀ゲーム</title>
</head>
<body>
    <div>
        <h1>麻雀</h1>
        <p>このゲームでは、4人で麻雀をプレイします。</p>
    </div>
    <div id="game-board">
        
    </div>
    <div>
        <button id="start-button">スタート</button>
    </div>
    <script>
        // JavaScriptコード

// ゲームボードのサイズ
        const BOARD_SIZE = 800;

// タイルのサイズ
        const TILE_SIZE = 80;

// タイルの画像
        const TILE_IMAGE = "🀄️";

// プレイヤーの手牌
        let playerTiles = [];

// ゲームボードの要素を取得
        const gameBoard = document.getElementById("game-board");

// スタートボタンの要素を取得
        const startButton = document.getElementById("start-button");

// スタートボタンのクリックイベントリスナー
        startButton.addEventListener("click", function () {
            startGame();
        });

// ゲームを開始する関数
        function startGame() {
            // ゲームボードの初期化
            gameBoard.innerHTML = "";

// プレイヤーの手牌を初期化
            playerTiles = [];

// ゲームボードにタイルを表示する
            for (let i = 0; i < playerTiles.length; i++) {
                const tile = document.createElement("div");
                tile.style.width = TILE_SIZE + "px";
                tile.style.height = TILE_SIZE + "px";
                tile.style.fontSize = TILE_SIZE + "px";
                tile.style.textAlign = "center";
                tile.style.verticalAlign = "middle";
                tile.style.display = "inline-block";
                tile.style.margin = "10px";
                tile.style.border = "1px solid black";
                tile.style.borderRadius = "5px";
                tile.style.backgroundColor = "#EEE";
                tile.style.backgroundImage = `url('${TILE_IMAGE}')`;
                tile.innerText = playerTiles[i];
                gameBoard.appendChild(tile);
            }
        }
    </script>
</body>
</html>