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

No:5018

2331

←

Prev Next

→

snap pea (Cajanus cajan)
Developer User3795｜Date and time 23/6/29 9:14:59
Build time 17.442 sec｜Game capacity 1.85KB｜

Script

分かりました。以下に、スマホ操作前提のゲームの例を用意しました。

スナップエンドウゲーム

スタートボタンを押してください

このゲームでは、スタートボタンを押すとタイミングがランダムで表示されるスナップエンドウ（🥦）が表示されます。そのスナップエンドウをクリックしたタイミングを測って、反応時間を表示します。ゲームが終了したら、スタートボタンが再表示されます。反応時間を競って遊ぶことができます。

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

分かりました。以下に、スマホ操作前提のゲームの例を用意しました。

```html
<!DOCTYPE html>
<html>
<head>
    <title>スナップエンドウゲーム</title>
</head>
<body>
    <h1>スナップエンドウゲーム</h1>
    <p id="message">スタートボタンを押してください</p>
    <button onclick="startGame()">スタート</button>
    
    <script>
        function startGame() {
            var startTime = new Date().getTime();
            var endTime;
            var reactionTime;

// スナップエンドウを表示
            document.body.innerHTML = "<h1>🥦</h1>";
            
            // クリックされたタイミングを取得
            document.body.onclick = function() {
                endTime = new Date().getTime();
                reactionTime = (endTime - startTime) / 1000;

var message = "やったね！ あなたの反応時間は " + reactionTime + "秒でした。";
                document.getElementById("message").innerHTML = message;

// スタートボタンを再表示
                setTimeout(function() {
                    document.body.innerHTML = '<h1>スナップエンドウゲーム</h1><p id="message">スタートボタンを押してください</p><button onclick="startGame()">スタート</button>';
                }, 3000);
            }
        }
    </script>
</body>
</html>
```