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

No:7652

128

←

Prev Next

→

I can see whats in your fridge, management game.
Developer o2pi4｜Date and time 23/7/9 7:46:44
Build time 10.396 sec｜Game capacity 2.471KB｜

Script

了解しました。以下に冷蔵庫の中身を管理するゲームの実装例を示します。

冷蔵庫管理ゲーム

アイテム数: 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 {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }

.container {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

.item-list {
            list-style: none;
            padding: 0;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>冷蔵庫管理ゲーム</h1>
        <p id="item-count">アイテム数: 0</p>
        <input type="text" id="input-item" placeholder="アイテム名を入力してください">
        <button onclick="addItem()">追加</button>
        <ul id="item-list" class="item-list">
            
        </ul>
    </div>

// アイテムを追加する関数
        function addItem() {
            var inputItem = document.getElementById('input-item');
            var itemName = inputItem.value;
            if (itemName !== '') {
                itemList.push(itemName);
                inputItem.value = '';

updateItemList();
            }
        }

// アイテムリストを更新する関数
        function updateItemList() {
            var itemListElement = document.getElementById('item-list');
            itemListElement.innerHTML = '';

for (var i = 0; i < itemList.length; i++) {
                var item = itemList[i];
                var listItem = document.createElement('li');
                listItem.textContent = item;
                itemListElement.appendChild(listItem);
            }

var itemCountElement = document.getElementById('item-count');
            itemCountElement.textContent = 'アイテム数: ' + itemList.length;
        }

// 初期化処理
        updateItemList();
    </script>
</body>
</html>
```