[Notice] A game that trolls Twitter of the developer Hisashi, who does not appease Doublesquare.'s game

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

No:7090

228

←

Prev Next

→

[Notice] A game that trolls Twitter of the develop..ALL
Developer どうスクのアプデ早くしろよ！🤬💢｜Date and time 23/7/5 12:42:53
Build time 10.634 sec｜Game capacity 1.943KB｜

Script

はい、その要件に基づいて、JavaScriptを用いてスマートフォンで遊べる簡単なゲームを作成します。以下は、1枚のHTMLファイルに実装されたサンプルコードです。

このゲームでは、8種類の絵文字がランダムに配置された9つのボード上で、絵文字をクリックすることができます。クリックすると、絵文字が一瞬透明になります。このコードは1枚のHTMLファイルに実装され、JavaScriptは`
`タグで囲まれています。

←

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>Emojiゲーム</title>
  <style>
    #game-board {
      display: flex;
      flex-wrap: wrap;
      width: 300px;
      height: 300px;
    }
    .emoji {
      font-size: 48px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div id="game-board"></div>

// ゲームボードのDOM要素を取得
    const gameBoard = document.getElementById("game-board");

// 絵文字をランダムに配置する関数
    function setupGame() {
      gameBoard.innerHTML = "";
      for (let i = 0; i < 9; i++) {
        const emoji = emojis[Math.floor(Math.random() * emojis.length)];
        const emojiElement = document.createElement("div");
        emojiElement.classList.add("emoji");
        emojiElement.textContent = emoji;
        emojiElement.addEventListener("click", handleClick);
        gameBoard.appendChild(emojiElement);
      }
    }

// 絵文字をクリックしたときの処理
    function handleClick(event) {
      const clickedEmoji = event.target;
      clickedEmoji.style.opacity = 0.5;
      setTimeout(() => {
        clickedEmoji.style.opacity = 1;
      }, 500);
    }

// ゲームを開始
    setupGame();
  </script>
</body>
</html>
```

このゲームでは、8種類の絵文字がランダムに配置された9つのボード上で、絵文字をクリックすることができます。クリックすると、絵文字が一瞬透明になります。このコードは1枚のHTMLファイルに実装され、JavaScriptは`<script>`タグで囲まれています。