AI game creator

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

No:51656

←

Prev Next

→

Matrics screen
Developer User18896｜Date and time 24/3/14 10:14:35
Build time 6.941 sec｜Game capacity 1.27KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Pictogram Game</title>
  <style>
    body {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      background-color: #f0f0f0;
    }
    #game {
      width: 300px;
      display: grid;
      grid-template-columns: auto auto auto;
      grid-gap: 10px;
    }
    .pictogram {
      width: 80px;
      height: 80px;
      background-color: #ddd;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 24px;
      cursor: pointer;
    }
    .pictogram.clicked {
      background-color: #66CCFF;
    }
  </style>
</head>
<body>
  <div id="game"></div>

const gameContainer = document.getElementById('game');

pictograms.forEach((pictogram, index) => {
      const pictogramElement = document.createElement('div');
      pictogramElement.textContent = pictogram;
      pictogramElement.classList.add('pictogram');
      pictogramElement.addEventListener('click', () => {
        pictogramElement.classList.toggle('clicked');
      });
      gameContainer.appendChild(pictogramElement);
    });
  </script>
</body>
</html>