Punch toxic emoji cats's game

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

No:27010

108

←

Prev Next

→

Punch toxic emoji cats
Developer User13369｜Date and time 23/12/3 22:24:51
Build time 39.112 sec｜Game capacity 1.861KB｜

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>Punch Toxic Emoji Cats</title>
  <style>
    body {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      background-color: #f5f5f5;
    }

#game-board {
      display: flex;
      flex-wrap: wrap;
      width: 320px;
      height: 320px;
    }

.emoji-cat {
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 36px;
      width: 80px;
      height: 80px;
      margin: 10px;
      background-color: #ddd;
      border-radius: 50%;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div id="game-board"></div>

for (let i = 0; i < 9; i++) {
        const emojiCat = document.createElement('div');
        emojiCat.classList.add('emoji-cat');

const randomIndex = Math.floor(Math.random() * emojiCats.length);
        emojiCat.innerText = emojiCats[randomIndex];

emojiCat.addEventListener('click', punchEmojiCat);

gameBoard.appendChild(emojiCat);
      }
    }

// Punch emoji cat
    function punchEmojiCat(event) {
      const emojiCat = event.target;
      emojiCat.innerText = '💥';

// Remove animation class after 500 milliseconds
      setTimeout(() => {
        emojiCat.innerText = '';
      }, 500);
    }

// Initialize game
    function startGame() {
      generateEmojiCats();
    }

// Start game when the page is loaded
    window.addEventListener('load', startGame);
  </script>
</body>
</html>