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

No:36827

←

Prev Next

→

絵文字を破壊するゲーム
Developer User16016｜Date and time 24/1/18 16:23:29
Build time 8.981 sec｜Game capacity 1.584KB｜

Script

以下は、絵文字を破壊するゲームの例です。

絵文字破壊ゲーム

😀 🎉 🍕 🌈

このゲームでは、絵文字が表示され、プレイヤーは絵文字をクリックすることで破壊していきます。すべての絵文字が破壊されるとゲーム終了です。注目のポイントは、絵文字要素にクリックイベントリスナーを追加することで、クリックされた絵文字を削除する処理を実装している点です。

←

Prev　Next

→ 　

Back　

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

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

以下は、絵文字を破壊するゲームの例です。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>絵文字破壊ゲーム</title>
  <style>
    body {
      text-align: center;
      font-size: 3em;
    }
    .emoji {
      display: inline-block;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>絵文字破壊ゲーム</h1>
  <div id="game-board">
    <span class="emoji">😀</span>
    <span class="emoji">🎉</span>
    <span class="emoji">🍕</span>
    <span class="emoji">🌈</span>
  </div>

// 絵文字要素をクリックした時の処理
    const handleClick = (event) => {
      // クリックされた絵文字要素を取得
      const emoji = event.target;

// 絵文字を削除
      gameBoard.removeChild(emoji);
    };

// 絵文字要素にクリックイベントリスナーを追加
    const emojis = document.getElementsByClassName('emoji');
    Array.from(emojis).forEach((emoji) => {
      emoji.addEventListener('click', handleClick);
    });
  </script>
</body>
</html>
```