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

No:4819

3121

Parfait with toppings
Developer User3788｜Date and time 23/6/28 22:05:24
Build time 25.419 sec｜Game capacity 2.467KB｜

了解です！では、トッピングでパフェを作るゲームを作りましょう。以下がHTMLファイルの中身になります。

トッピングでパフェを作ろう！

🍓

🍌

🍦

🍫

🍪

🍨

🥜

選択されたトッピング：

このゲームでは、トッピングの絵文字を選択すると、選択したトッピングが表示されます。トッピングを選択するたびに、選択されたトッピングが更新されます。ゲームを実行するには、上記のHTMLコードをコピーしてテキストエディタで新しいファイルに貼り付け、拡張子を".html"として保存します。保存したHTMLファイルをブラウザで開くと、ゲームがプレイできます。なお、このゲームは簡単なものであり、トッピングの選択のみを行います。より複雑なゲームを作りたい場合は、具体的な要望を教えていただければ、その要望に合わせてゲームを作成することも可能です。

→ 　

1　

0　

[PR]現在の人気グッズランキング

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

(C)2023 HisashiApp

了解です！では、トッピングでパフェを作るゲームを作りましょう。

以下がHTMLファイルの中身になります。

```html
<!DOCTYPE html>
<html>
<head>
    <title>Topping Parfait Game</title>
    <style>
        .container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
        .topping {
            width: 100px;
            height: 100px;
            font-size: 48px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 10px;
            border: 2px solid black;
            cursor: pointer;
        }
        .selected {
            background-color: yellow;
        }
    </style>
</head>
<body>
    <h1>トッピングでパフェを作ろう！</h1>
    <div class="container">
        <div class="topping" onclick="selectTopping('🍓')">🍓</div>
        <div class="topping" onclick="selectTopping('🍌')">🍌</div>
        <div class="topping" onclick="selectTopping('🍦')">🍦</div>
        <div class="topping" onclick="selectTopping('🍫')">🍫</div>
        <div class="topping" onclick="selectTopping('🍪')">🍪</div>
        <div class="topping" onclick="selectTopping('🍨')">🍨</div>
        <div class="topping" onclick="selectTopping('🥜')">🥜</div>
    </div>
    <h2>選択されたトッピング：</h2>
    <div id="selectedTopping"></div>

<script>
        function selectTopping(topping) {
            var selectedToppingElement = document.getElementById("selectedTopping");
            selectedToppingElement.textContent = topping;
        }
    </script>
</body>
</html>
```

このゲームでは、トッピングの絵文字を選択すると、選択したトッピングが表示されます。トッピングを選択するたびに、選択されたトッピングが更新されます。

ゲームを実行するには、上記のHTMLコードをコピーしてテキストエディタで新しいファイルに貼り付け、拡張子を".html"として保存します。保存したHTMLファイルをブラウザで開くと、ゲームがプレイできます。

なお、このゲームは簡単なものであり、トッピングの選択のみを行います。より複雑なゲームを作りたい場合は、具体的な要望を教えていただければ、その要望に合わせてゲームを作成することも可能です。