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

No:39664

←

Prev Next

→

りんごクリッカー
Developer 食べる鶏と熱いタバスコ｜Date and time 24/1/29 19:23:53
Build time 12.461 sec｜Game capacity 1.733KB｜

Script

了解です。りんごクリッカーのゲームを作成します。以下が実装例です。

りんごクリッカー

クリックしてりんごを集めよう！

このコードでは、画面上のりんごをクリックすることでスコアが増えていくゲームを作成しています。スコアが10に達すると「おめでとう！10個集めました！」と表示されます。スマホで操作する場合、以下のような手順で遊ぶことができます。 1. スマホで上記のHTMLファイルを開く。 2. 画面上のりんごをタップする。 3. スコアが表示され、クリックするたびにスコアが増えていく。 4. スコアが10に達すると「おめでとう！10個集めました！」と表示される。以上がりんごクリッカーのゲームの実装例です。絵文字を使用しなかったため、必要であれば適宜絵文字を追加してください。

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

了解です。りんごクリッカーのゲームを作成します。以下が実装例です。

```
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>りんごクリッカー</title>
  <style>
    body {
      text-align: center;
      margin-top: 100px;
    }

h1 {
      font-size: 48px;
    }

#apple {
      font-size: 72px;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <h1>りんごクリッカー</h1>
  <p>クリックしてりんごを集めよう！</p>
  <p id="score">0</p>
  <p id="message"></p>

function increaseScore() {
      score++;
      document.getElementById('score').textContent = score;

if (score === 10) {
        document.getElementById('message').textContent = 'おめでとう！10個集めました！';
      }
    }

document.getElementById('apple').addEventListener('click', increaseScore);
  </script>
</body>
</html>
```

このコードでは、画面上のりんごをクリックすることでスコアが増えていくゲームを作成しています。スコアが10に達すると「おめでとう！10個集めました！」と表示されます。

スマホで操作する場合、以下のような手順で遊ぶことができます。

1. スマホで上記のHTMLファイルを開く。
2. 画面上のりんごをタップする。
3. スコアが表示され、クリックするたびにスコアが増えていく。
4. スコアが10に達すると「おめでとう！10個集めました！」と表示される。

以上がりんごクリッカーのゲームの実装例です。絵文字を使用しなかったため、必要であれば適宜絵文字を追加してください。