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

No:5071

555

←

Prev Next

→

Take your time!
Developer User3812｜Date and time 23/6/29 15:35:44
Build time 20.48 sec｜Game capacity 2.132KB｜

Script

了解しました！以下に、JavaScriptを含むHTMLファイルで実装した簡単なゲームの例を示します。

簡単なゲーム

スコア: 0

残り時間: 30秒

このゲームでは、30秒の制限時間内にボタンをクリックしてスコアを稼ぐというものです。スタートボタンを押すと制限時間が始まり、10個のボタンが表示されます。ボタンをクリックするとスコアが増え、制限時間が0になるとゲーム終了となります。この例ではスマートフォンでも遊べるようにレイアウトを中央揃えにし、ボタンを使って操作する形式にしました。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

了解しました！以下に、JavaScriptを含むHTMLファイルで実装した簡単なゲームの例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>簡単なゲーム</title>
</head>
<body>
    <div style="text-align:center;">
        <h1>簡単なゲーム</h1>
        <p id="score">スコア: 0</p>
        <p id="timer">残り時間: 30秒</p>
        <button onclick="startGame()">ゲームスタート</button>
        <div id="gameContainer"></div>
    </div>
    
    <script>
        var score = 0;
        var time = 30;
        
        function startGame() {
            var container = document.getElementById("gameContainer");
            container.innerHTML = "";
            
            var timerId = setInterval(function() {
                time--;
                document.getElementById("timer").textContent = "残り時間: " + time + "秒";
                
                if (time <= 0) {
                    clearInterval(timerId);
                    container.innerHTML = "<p>ゲーム終了！</p><p>スコア: " + score + "</p>";
                }
            }, 1000);
            
            for (var i = 0; i < 10; i++) {
                var button = document.createElement("button");
                button.textContent = "クリック！";
                button.addEventListener("click", function() {
                    score++;
                    document.getElementById("score").textContent = "スコア: " + score;
                });
                container.appendChild(button);
            }
        }
    </script>
</body>
</html>
```

このゲームでは、30秒の制限時間内にボタンをクリックしてスコアを稼ぐというものです。スタートボタンを押すと制限時間が始まり、10個のボタンが表示されます。ボタンをクリックするとスコアが増え、制限時間が0になるとゲーム終了となります。

この例ではスマートフォンでも遊べるようにレイアウトを中央揃えにし、ボタンを使って操作する形式にしました。