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

No:46063

←

Prev Next

→

mahjong
Developer User19889｜Date and time 24/2/23 5:53:51
Build time 9.309 sec｜Game capacity 2.598KB｜

Script

Game Mahjong

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Game Mahjong</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        #game-board {
            display: flex;
            flex-wrap: wrap;
            width: 300px;
            margin: 0 auto;
        }
        .tile {
            width: 50px;
            height: 50px;
            margin: 5px;
            background-color: lightblue;
            text-align: center;
            line-height: 50px;
        }
    </style>
</head>
<body>
    <h1>Game Mahjong</h1>

gameTiles.sort(() => Math.random() - 0.5);

const gameBoard = document.getElementById("game-board");

gameTiles.forEach((tile, index) => {
            const tileElement = document.createElement("div");
            tileElement.classList.add("tile");
            tileElement.textContent = tile.symbol;
            tileElement.addEventListener("click", () => flipTile(index));

gameBoard.appendChild(tileElement);
        });

let flippedTiles = [];

function flipTile(index) {
            if (flippedTiles.length < 2 && !gameTiles[index].matched) {
                gameBoard.children[index].textContent = gameTiles[index].symbol;
                flippedTiles.push(index);

if (flippedTiles.length === 2) {
                    setTimeout(checkMatch, 500);
                }
            }
        }

function checkMatch() {
            const [index1, index2] = flippedTiles;
            if (gameTiles[index1].symbol === gameTiles[index2].symbol) {
                gameTiles[index1].matched = true;
                gameTiles[index2].matched = true;
                gameBoard.children[index1].style.visibility = "hidden";
                gameBoard.children[index2].style.visibility = "hidden";
            } else {
                gameBoard.children[index1].textContent = "";
                gameBoard.children[index2].textContent = "";
            }

flippedTiles = [];
        }
    </script>
</body>
</html>