AI game creator

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

No:45066

132

←

Prev Next

→

Merge Game
Developer User19457｜Date and time 24/2/20 5:22:24
Build time 5.528 sec｜Game capacity 1.401KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Merge Game</title>
<style>
  body{
    font-family: Arial, sans-serif;
    text-align: center;
  }
  .block{
    display: inline-block;
    width: 80px;
    height: 80px;
    background-color: lightblue;
    margin: 10px;
    font-size: 24px;
    cursor: pointer;
  }
</style>
</head>
<body>
<div id="gameboard"></div>
<script>
  const board = document.getElementById('gameboard');
  const blocks = ['🔴', '🔵', '🟢', '🟡', '🟣', '🟠', '⚫', '⚪'];
  
  // Create random initial blocks
  for(let i = 0; i < 9; i++){
    const block = document.createElement('div');
    block.className = 'block';
    block.innerText = blocks[Math.floor(Math.random() * blocks.length)];
    board.appendChild(block);
  }
  
  // Merge blocks on click
  board.addEventListener('click', function(event){
    const clickedBlock = event.target;
    const nextBlock = clickedBlock.nextElementSibling;
    if(nextBlock){
      if(clickedBlock.innerText === nextBlock.innerText){
        const mergedBlock = document.createElement('div');
        mergedBlock.className = 'block';
        mergedBlock.innerText = nextBlock.innerText;
        board.replaceChild(mergedBlock, clickedBlock);
        board.removeChild(nextBlock);
      }
    }
  });
</script>
</body>
</html>