３人で鬼ごっこ's game

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

No:26439

←

Prev Next

→

３人で鬼ごっこ
Developer User13119｜Date and time 23/11/30 20:32:07
Build time 31.171 sec｜Game capacity 1.378KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<html>
  <head>
    <style>
      body {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
      }
      #playground {
        width: 500px;
        height: 500px;
        border: 1px solid black;
        display: flex;
        flex-wrap: wrap;
      }
      .player {
        font-size: 2em;
      }
    </style>
  </head>
  <body>
    <div id="playground"></div>
    <script>
      document.addEventListener('DOMContentLoaded', function() {
        const playground = document.getElementById('playground');
        const players = ['👧', '👦', '👩'];
        const size = 10;
        let currentPlayer = 0;

function createCell(i) {
          const cell = document.createElement('div');
          cell.className = 'cell';
          cell.innerText = '🌳';
          cell.style.width = `${100 / size}%`;
          cell.style.height = `${100 / size}%`;
          cell.onclick = function () {
            if (cell.innerText === '🌳') {
              cell.innerText = players[currentPlayer];

cell.onclick = null;
              currentPlayer = (currentPlayer + 1) % players.length;
            }
          };
          return cell;
        }

for (let i = 0; i < size * size; i++) {
          playground.appendChild(createCell(i));
        }
      });
    </script>
  </body>
</html>