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

No:7115

2301

←

Prev Next

→

The game where you get everything in the world.
Developer User3970｜Date and time 23/7/5 13:55:17
Build time 10.99 sec｜Game capacity 1.681KB｜

Script

了解しました。以下に1枚のhtmlファイルで実装された、手に入れるアイテムを集めるゲームの例を示します。

アイテム収集ゲーム

アイテムを全て集めて世界を手に入れましょう！

世界

🌍

プレイヤー

👤

アイテム

🌟

🌈

💎

このゲームでは、プレイヤーがアイテムをクリックして集めることで、アイテムを全て集めると「おめでとう！世界を手に入れました！」というメッセージが表示されます。アイテムは🌟、🌈、💎の3つの絵文字で表現されています。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下に1枚のhtmlファイルで実装された、手に入れるアイテムを集めるゲームの例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>アイテム収集ゲーム</title>
</head>
<body>
    <h1>アイテム収集ゲーム</h1>
    <p>アイテムを全て集めて世界を手に入れましょう！</p>
    
    <div id="world">
        <p>世界</p>
        <p>🌍</p>
    </div>

<div id="player">
        <p>プレイヤー</p>
        <p>👤</p>
    </div>

// アイテムをクリックしたときの処理
        document.getElementById("items").addEventListener("click", function(event) {
            if (event.target.tagName === "P") {
                event.target.remove();
                itemCount--;
                
                // アイテムが全て集まった場合にメッセージを表示
                if (itemCount === 0) {
                    document.getElementById("world").innerHTML = "<p>おめでとう！世界を手に入れました！</p><p>🎉</p>";
                }
            }
        });
    </script>
</body>
</html>
```