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

No:5152

3508

←

Prev Next

→

big league ball
Developer User3812｜Date and time 23/6/29 19:40:53
Build time 16.819 sec｜Game capacity 1.528KB｜

Script

では、ひとつの簡単なゲームを作成します。以下は、ブラウザ上で遊べる"クリックゲーム"の例です。

クリックゲーム

スコア: 0

このコードでは、"クリックしてスコアを上げよう"というボタンが表示され、ボタンをクリックするとスコアが1ずつ増えます。スコアはHTML内の`<div id="score">`要素内に表示されます。この簡単なゲームのアイデアは、スマホでも操作しやすいと思われるので、スマホでも遊べることができます。また、絵文字やデザインを追加することも可能ですが、今回はシンプルな実装としました。

←

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 {
            text-align: center;
        }
        #score {
            font-size: 2em;
            margin-bottom: 20px;
        }
        #btn {
            padding: 20px;
            font-size: 3em;
            border-radius: 10px;
            background-color: lightblue;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>クリックゲーム</h1>
    <div id="score">スコア: 0</div>
    <button id="btn" onclick="incrementScore()">クリックしてスコアを上げよう</button>

function incrementScore() {
            score++;
            document.getElementById("score").textContent = "スコア: " + score;
        }
    </script>
</body>
</html>
```

このコードでは、"クリックしてスコアを上げよう"というボタンが表示され、ボタンをクリックするとスコアが1ずつ増えます。スコアはHTML内の`<div id="score">`要素内に表示されます。

この簡単なゲームのアイデアは、スマホでも操作しやすいと思われるので、スマホでも遊べることができます。また、絵文字やデザインを追加することも可能ですが、今回はシンプルな実装としました。