アイテム復活ゲーム

ストアから消えたアイテムを復活させよう！

スコア: 0

🎁

上記のコードでは、アイテムをクリックすることでスコアが加算され、新たな位置にアイテムが表示されます。ゲームとして遊ぶことができます。スマホでの操作前提になっており、絵文字（🎁）を使ってアイテムを表現しています。実際にブラウザで表示すると、アイテムが表示され、それをクリックすることでスコアが加算されていく様子が確認できます。

←

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>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        #score {
            font-size: 30px;
            margin-bottom: 20px;
        }
        #item {
            font-size: 60px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>アイテム復活ゲーム</h1>
    <p>ストアから消えたアイテムを復活させよう！</p>
    
    <div id="score">スコア: 0</div>
    <div id="item">🎁</div>

function getRandomPosition() {
            var x = Math.floor(Math.random() * (window.innerWidth - 100));
            var y = Math.floor(Math.random() * (window.innerHeight - 100));
            return [x, y];
        }

function displayItem() {
            var item = document.getElementById("item");
            item.style.display = "block";
            var position = getRandomPosition();
            item.style.left = position[0] + "px";
            item.style.top = position[1] + "px";
        }

function increaseScore() {
            score++;
            document.getElementById("score").textContent = "スコア: " + score;
        }

function handleClick() {
            increaseScore();
            displayItem();
        }

document.getElementById("item").addEventListener("click", handleClick);

displayItem();
    </script>
</body>
</html>
```

上記のコードでは、アイテムをクリックすることでスコアが加算され、新たな位置にアイテムが表示されます。ゲームとして遊ぶことができます。スマホでの操作前提になっており、絵文字（🎁）を使ってアイテムを表現しています。

実際にブラウザで表示すると、アイテムが表示され、それをクリックすることでスコアが加算されていく様子が確認できます。