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

No:38501

Hamster feeder there is every food emoji colour in..ALL
Developer User17401｜Date and time 24/1/24 23:49:38
Build time 12.441 sec｜Game capacity 2.625KB｜

Script

Hamster Feeder Game

Select a color to feed the hamster:

Hamster:

This HTML file creates a simple game called "Hamster Feeder". In the game, you have a hamster that can be fed with different colors of food. The hamster's appearance changes based on the color of the food it is fed. To play the game, you can click on the color buttons (representing different food colors) to feed the hamster. The hamster's current appearance will be displayed below the buttons. The hamster will update its appearance if it is fed a different color multiple times. The game interface is designed to be smartphone-friendly, and it uses emojis to represent the different colors of food and the hamster itself.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Hamster Feeder Game</title>
</head>
<body>
    <script>
        // Available food colors and their corresponding emojis
        const foodColors = {
            "red": "🍅",
            "green": "🥦",
            "blue": "🍇",
            "yellow": "🌽",
            "orange": "🍊"
        };

// Different hamster colors and their corresponding emojis
        const hamsterColors = {
            "red": "🐹",
            "green": "🐹🥦",
            "blue": "🐹🍇",
            "yellow": "🐹🌽",
            "orange": "🐹🍊"
        };

// Function to feed the hamster with a color
        function feedHamster(color) {
            const foodEmoji = foodColors[color];

if (foodEmoji) {
                const hamster = document.getElementById("hamster");
                const previousColor = hamster.getAttribute("color");
                const hamsterEmoji = hamsterColors[color];

if (previousColor) {
                    hamster.innerHTML = hamsterEmoji;
                    hamster.setAttribute("color", color);
                } else {
                    hamster.innerHTML += hamsterEmoji;
                }

console.log(`Feeding hamster with ${color} color (${foodEmoji})`);
            } else {
                console.log(`No food available for ${color} color`);
            }
        }
    </script>

<h1>Hamster Feeder Game</h1>

<div>
        <h3>Select a color to feed the hamster:</h3>
        <button onclick="feedHamster('red')">🔴 Red</button>
        <button onclick="feedHamster('green')">🟢 Green</button>
        <button onclick="feedHamster('blue')">🔵 Blue</button>
        <button onclick="feedHamster('yellow')">🟡 Yellow</button>
        <button onclick="feedHamster('orange')">🟠 Orange</button>
    </div>

<div>
        <h3>Hamster:</h3>
        <p id="hamster" color=""></p>
    </div>
</body>
</html>
```

To play the game, you can click on the color buttons (representing different food colors) to feed the hamster. The hamster's current appearance will be displayed below the buttons. The hamster will update its appearance if it is fed a different color multiple times.

The game interface is designed to be smartphone-friendly, and it uses emojis to represent the different colors of food and the hamster itself.