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

No:5224

1967

←

Prev Next

→

I eat crab! I especially hate crabs.
Developer User3589｜Date and time 23/6/29 20:23:47
Build time 20.544 sec｜Game capacity 2.017KB｜

Script

了解です。以下はカニを食べるゲームのJavaScript実装例です。

カニを食べるゲーム

スコア: 0

残り時間: 10秒

🦀

このゲームでは、「カニを食べる」ことが目的です。画面上のカニ（🦀絵文字）をクリックすると、スコアが1点増えます。10秒の制限時間があり、時間切れになるとゲーム終了となります。最終的なスコアがアラートで表示されます。

←

Prev　Next

→ 　

Back　

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

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

了解です。以下はカニを食べるゲームのJavaScript実装例です。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>カニを食べるゲーム</title>
    <style>
        #crab {
            font-size: 100px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>カニを食べるゲーム</h1>
    <p id="score">スコア: 0</p>
    <p id="time">残り時間: 10秒</p>
    <div id="crab">🦀</div>

// クリックイベントを追加
        crab.addEventListener("click", eatCrab);

// カウントダウン処理
        var timer = setInterval(function() {
            time--;
            timeDisplay.textContent = "残り時間: " + time + "秒";

if (time === 0) {
                clearInterval(timer);
                crab.removeEventListener("click", eatCrab);
                alert("ゲーム終了！\nスコア: " + score);
            }
        }, 1000);

// カニをクリックした時の処理
        function eatCrab() {
            score++;
            scoreDisplay.textContent = "スコア: " + score;

crab.style.top = getRandomPosition() + "px";
            crab.style.left = getRandomPosition() + "px";
        }

// 画面上のランダムな位置を返す
        function getRandomPosition() {
            return Math.floor(Math.random() * (window.innerWidth - 100));
        }
    </script>
</body>
</html>
```