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

No:5250

1062

←

Prev Next

→

User Increaser. Each time it is used, the number o..ALL
Developer User3589｜Date and time 23/6/29 20:40:11
Build time 21.76 sec｜Game capacity 2.102KB｜

Script

了解しました。以下に、要件に合致するJavaScriptを含むHTMLファイルを示します。このゲームでは、スマートフォンのタッチ操作を前提としています。ゲーム内の絵文字を使用しています。

ユーザー増加剤ゲーム

このHTMLファイルをブラウザで開くと、ユーザー増加剤ゲームがプレイできます。タッチ操作（またはクリック操作）に応じて、ユーザー数を増減させることができます。ユーザー数が0になると「ブラックアウト...」と表示され、ユーザー数が100になると「ゲームクリア！」と表示されます。

←

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">
    <style>
        body {
            font-size: 48px;
            text-align: center;
        }
    </style>
</head>
<body>
    <h1>ユーザー増加剤ゲーム</h1>
    <p id="count">0</p>
    <p id="message"></p>

function incrementCount() {
            count++;
            document.getElementById("count").innerHTML = count;

if (count === 100) {
                message.innerHTML = "ゲームクリア！";
            }
        }

function decrementCount() {
            count--;
            document.getElementById("count").innerHTML = count;

if (count === 0) {
                message.innerHTML = "ブラックアウト...";
            }
        }

// 1枚のHTMLファイルとして実装するため、イベントリスナーは直接HTML要素に追加します。
        // スマートフォンの場合、タッチ操作を対象としていますが、クリック操作でも動作します。

// インクリメント処理をタッチ開始イベントに紐づける
        document.addEventListener("touchstart", incrementCount);

// デクリメント処理をタッチ終了イベントに紐づける
        document.addEventListener("touchend", decrementCount);
    </script>
</body>
</html>
```