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

No:6018

2039

←

Prev Next

→

the end of the rainy season
Developer User1006｜Date and time 23/7/1 14:04:11
Build time 18.944 sec｜Game capacity 2.051KB｜

Script

了解しました。以下に、スマホで遊べる簡単なゲームの例を示します。このゲームでは、ランダムに表示される絵文字をクリックして、10回正解することが目標です。

Emoji Clicker

このプログラムでは、ランダムに10個の絵文字が表示され、ユーザーが正解するたびに次の絵文字が表示されます。10回正解すると「Game Over!」と表示され、正解した回数が表示されます。スマホで表示した後、絵文字をタップして遊ぶことができます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Emoji Clicker</title>
  <style>
    body {
      background-color: #f1f1f1;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }
    h1 {
      text-align: center;
    }
    .emoji {
      font-size: 5rem;
      cursor: pointer;
      user-select: none;
    }
  </style>
</head>
<body>
  <h1>Emoji Clicker</h1>
  <div id="game"></div>
  
  <script>
    var emojiArray = ['😀', '💖', '🐶', '🌈', '🍕', '🎉', '🌺', '🚀', '👻', '🎸'];
    var numGuesses = 0;
    var numCorrect = 0;
  
    function getRandomEmoji() {
      var randomIndex = Math.floor(Math.random() * emojiArray.length);
      return emojiArray[randomIndex];
    }
  
    function handleClick() {
      numGuesses++;
      if (numGuesses < 10) {
        var emoji = getRandomEmoji();
        document.getElementById("game").innerHTML = '<p class="emoji">' + emoji + '</p>';
      } else {
        endGame();
      }
    }
  
    function endGame() {
      document.removeEventListener('click', handleClick);
      document.getElementById("game").innerHTML = '<p class="emoji">Game Over!</p><p>Correct Guesses: ' + numCorrect + '</p>';
    }
  
    document.addEventListener('click', function(event) {
      if (event.target && event.target.matches('.emoji')) {
        numCorrect++;
        handleClick();
      }
    });
  
    handleClick();
  </script>
</body>
</html>
```