AI game creator

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

No:48985

←

Prev Next

→

Majong
Developer User18896｜Date and time 24/3/3 12:43:17
Build time 6.415 sec｜Game capacity 1.972KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
<title>Majong Game</title>
<style>
  #board {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 5px;
    width: 90%;
    margin: 0 auto;
  }

.tile {
    width: 100px;
    height: 100px;
    background-color: white;
    border-radius: 10px;
    text-align: center;
    font-size: 24px;
    line-height: 100px;
  }
</style>
</head>
<body>
<div id="board"></div>

let firstPick = null;
  let secondPick = null;

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 createBoard() {
    const shuffledTiles = shuffle(tiles);
    const board = document.getElementById('board');

shuffledTiles.forEach(tile => {
      const div = document.createElement('div');
      div.className = 'tile';
      div.textContent = tile;
      div.addEventListener('click', () => flipTile(div));
      board.appendChild(div);
    });
  }

function flipTile(tile) {
    if (firstPick === null) {
      firstPick = tile;
      firstPick.classList.add('flipped');
    } else if (secondPick === null) {
      secondPick = tile;
      secondPick.classList.add('flipped');

if (firstPick.textContent === secondPick.textContent) {
        firstPick.removeEventListener('click', flipTile);
        secondPick.removeEventListener('click', flipTile);
        firstPick = null;
        secondPick = null;
      } else {
        setTimeout(() => {
          firstPick.classList.remove('flipped');
          secondPick.classList.remove('flipped');
          firstPick = null;
          secondPick = null;
        }, 1000);
      }
    }
  }

createBoard();
</script>
</body>
</html>
```