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

No:8952

153

←

Prev Next

→

A game of five clicks to defeat a gradually increa..ALL
Developer User4271｜Date and time 23/7/19 21:39:30
Build time 21.419 sec｜Game capacity 2.059KB｜

Script

了解しました。以下に、徐々に増えるりんごを5回クリックで倒すゲームの実装例を示します。

りんごゲーム

りんごをクリックして倒してください。

このコードでは、`<p>` タグ内にりんごの絵文字を表示し、りんごをクリックした回数をカウントしています。りんごをクリックするたびに、りんごの数が増えていきます。5回クリックするとゲームクリアとなり、結果が表示されます。このような形で、ゲームを作成できます。絵文字が表示されない場合は、ブラウザが絵文字に対応していない可能性があります。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

了解しました。以下に、徐々に増えるりんごを5回クリックで倒すゲームの実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>りんごゲーム</title>
    <style>
        #apple {
            font-size: 50px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>りんごゲーム</h1>
    <p>りんごをクリックして倒してください。</p>
    <p id="score">0</p>
    <p id="result"></p>

// りんごを表示する関数
        function displayApples() {
            var appleElement = document.getElementById("apple");
            appleElement.textContent = "🍎".repeat(apples);
        }

// クリックイベントの処理
        function clickEvent() {
            score++;
            document.getElementById("score").textContent = score;

if (score >= 5) {
                document.getElementById("result").textContent = "ゲームクリア！おめでとうございます！";
                document.removeEventListener("click", clickEvent);
            } else {
                apples++;
                displayApples();
            }
        }

// ゲーム開始時に実行する関数
        function startGame() {
            displayApples();
            document.addEventListener("click", clickEvent);
        }

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

このコードでは、`<p>` タグ内にりんごの絵文字を表示し、りんごをクリックした回数をカウントしています。りんごをクリックするたびに、りんごの数が増えていきます。5回クリックするとゲームクリアとなり、結果が表示されます。

このような形で、ゲームを作成できます。絵文字が表示されない場合は、ブラウザが絵文字に対応していない可能性があります。