AI game creator

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

No:46151

136

←

Prev Next

→

mahjong ways 2
Developer User19889｜Date and time 24/2/23 18:05:16
Build time 8.501 sec｜Game capacity 2.085KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Mahjong Ways 2</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    
    #game-board {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
    }
    
    .tile {
      width: 50px;
      height: 50px;
      margin: 5px;
      background-color: lightblue;
      border: 1px solid black;
      display: flex;
      justify-content: center;
      align-items: center;
    }
  </style>
</head>
<body>

function shuffle(array) {
    for (let i = array.length - 1; i > 0; i--) {
      const j = Math.floor(Math.random() * (i + 1));
      [array[i], array[j]] = [array[j], array[i]];
    }
    return array;
  }

function createGameBoard() {
    const gameBoard = document.getElementById('game-board');
    const shuffledTiles = shuffle([...tiles, ...tiles]);

shuffledTiles.forEach(tile => {
      const tileElement = document.createElement('div');
      tileElement.classList.add('tile');
      tileElement.innerText = tile;
      tileElement.addEventListener('click', () => selectTile(tileElement));
      gameBoard.appendChild(tileElement);
    });
  }

function selectTile(tileElement) {
    if (selectedTiles.length < 2 && !selectedTiles.includes(tileElement)) {
      selectedTiles.push(tileElement);
      tileElement.style.backgroundColor = 'grey';
    }

if (selectedTiles.length === 2) {
      setTimeout(() => checkTiles(), 1000);
    }
  }

function checkTiles() {
    if (selectedTiles[0].innerText === selectedTiles[1].innerText) {
      selectedTiles.forEach(tile => tile.style.visibility = 'hidden');
    } else {
      selectedTiles.forEach(tile => tile.style.backgroundColor = 'lightblue');
    }

selectedTiles = [];
  }

createGameBoard();
</script>

</body>
</html>