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

No:5170

1251

←

Prev Next

→

Throw jellyfish! The higher you throw it, the bett..ALL
Developer User3589｜Date and time 23/6/29 19:59:14
Build time 20.42 sec｜Game capacity 2.129KB｜

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>
    <style>
        #jellyfish {
            font-size: 100px;
            position: absolute;
            bottom: 0px;
            left: 50%;
            transform: translateX(-50%);
        }
    </style>
</head>
<body>
    <h1>クラゲ投げゲーム</h1>
    <button onclick="throwJellyfish()">クラゲを投げる</button>

function throwJellyfish() {
            // クラゲの要素を作成
            const jellyfish = document.createElement("span");
            jellyfish.innerHTML = "🐙";

// クラゲの初期位置を設定
            let position = window.innerHeight - 200;
            jellyfish.style.bottom = position + "px";

// クラゲを画面に追加
            document.body.appendChild(jellyfish);

// クラゲをランダムな高さに投げる
            const throwInterval = setInterval(function() {
                position += 20;
                jellyfish.style.bottom = position + "px";

// クラゲが画面外に出た場合
                if (position > window.innerHeight) {
                    clearInterval(throwInterval);
                    document.body.removeChild(jellyfish);

// スコアを更新
                    score++;
                    if (score > highScore) {
                        highScore = score;
                    }
                    alert("スコア: " + score + "\nハイスコア: " + highScore);
                }
            }, 100);
        }
    </script>
</body>
</html>
```