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

No:34832

←

Prev Next

→

放置ゲーム
Developer User9208｜Date and time 24/1/11 18:49:30
Build time 10.421 sec｜Game capacity 1.937KB｜

Script

了解。以下に放置ゲームの実装例を示します。

放置ゲーム

この例では、ボタンをクリックすることでスコアが増える放置ゲームの実装例です。スコアを表示する要素は`<p>`タグで、スコアの値が変わるたびに更新されます。ボタン要素は`<button>`タグで、クリックイベントのリスナーが追加されています。クリックされたらスコアを増やす処理が行われます。リセットボタンをクリックすると、スコアがリセットされます。このゲームをスマートフォンでプレイする場合は、スマートフォンのブラウザで上記のHTMLファイルを開いて操作すれば遊ぶことができます。

←

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 {
        font-size: 24px;
        text-align: center;
    }
</style>
</head>
<body>
    <h1>放置ゲーム</h1>
    <p id="score">0</p>
    <button id="increaseButton">+</button>
    <button id="resetButton">リセット</button>

// スコアを表示する要素
        const scoreElem = document.getElementById("score");

// ボタン要素
        const increaseButton = document.getElementById("increaseButton");
        const resetButton = document.getElementById("resetButton");

// スコアを増やす関数
        const increaseScore = () => {
            score++;
            scoreElem.textContent = score;
        };

// ボタンをクリックしたときの処理
        increaseButton.addEventListener("click", increaseScore);

// リセットボタンをクリックしたときの処理
        resetButton.addEventListener("click", () => {
            score = 0;
            scoreElem.textContent = score;
        });
    </script>
</body>
</html>
```

このゲームをスマートフォンでプレイする場合は、スマートフォンのブラウザで上記のHTMLファイルを開いて操作すれば遊ぶことができます。