Pop-pop-pop... zetton.'s game

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

No:5763

1438

←

Prev Next

→

Pop-pop-pop... zetton.
Developer User3832｜Date and time 23/6/30 19:08:55
Build time 17.826 sec｜Game capacity 1.707KB｜

Script

了解しました。以下に、スマホで遊べるシンプルなゲームを作成した例を示します。このゲームでは、画面上に表示される数字をタップすることでスコアを獲得することが目的です。

このゲームでは、画面上に表示される数字をタップすることでスコアが増えていきます。一定時間ごとに画面上の数字が変わるため、タイミングよく数字をタップしなければなりません。setTimeout関数を使用して、一定時間ごとにランダムな数値を表示するようにしています。この例では、`<div id="target">0</div>` の部分に表示される数字をタップしてスコアを稼ぎます。タップするとスコアが1増え、画面の数字も次のランダムな数値に変わります。

←

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>
        #target {
            font-size: 5rem;
            text-align: center;
            margin-top: 40vh;
        }
    </style>
</head>
<body>
    <div id="target">0</div>
    <script>
        var score = 0;
        
        function showRandomNumber() {
            var randomNumber = Math.floor(Math.random() * 10);
            document.getElementById('target').textContent = randomNumber;
        }
        
        function incrementScore() {
            score += 1;
            document.getElementById('target').textContent = score;
        }
        
        document.getElementById('target').addEventListener('click', incrementScore);
        
        setInterval(showRandomNumber, 1000);
    </script>
</body>
</html>
```

このゲームでは、画面上に表示される数字をタップすることでスコアが増えていきます。一定時間ごとに画面上の数字が変わるため、タイミングよく数字をタップしなければなりません。setTimeout関数を使用して、一定時間ごとにランダムな数値を表示するようにしています。

この例では、`<div id="target">0</div>` の部分に表示される数字をタップしてスコアを稼ぎます。タップするとスコアが1増え、画面の数字も次のランダムな数値に変わります。