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

No:12983

127

←

Prev Next

→

Pick 1 out of 3 boxes and you will get your kitten..ALL
Developer User5670｜Date and time 23/8/25 19:11:08
Build time 33.971 sec｜Game capacity 3.296KB｜

Script

Here's an example of a simple game where you can pick a box to get a kitten, feed and play with your kitten, and unlock additional cats at level five. The game uses pictograms and can be played on a smartphone.

Kitten Box Game

In this game, you have three boxes represented by images. When you click on a box, it will reveal a random kitten from the `kittens` array. You can then feed or play with the kitten using the respective buttons. If you reach level five, a new kitten will be unlocked, and you can choose an adorable name for each kitten. Please note that the image references (`emozi_apple.png`, `emozi_bear.png`, etc.) are placeholders and need to be replaced with actual image file names. You can also customize the game further based on your preferences.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Kitten Box Game</title>
</head>
<body>
    <h1>Kitten Box Game</h1>
    <div id="box1" onclick="pickBox(1)">
        <img src="box.png" alt="Box 1">
    </div>
    <div id="box2" onclick="pickBox(2)">
        <img src="box.png" alt="Box 2">
    </div>
    <div id="box3" onclick="pickBox(3)">
        <img src="box.png" alt="Box 3">
    </div>

<div id="kittenSection" style="display: none;">
        <h2>Your Kitten:</h2>
        <img id="kittenImage" src="" alt="Kitten">
        <p id="kittenName"></p>
        <button onclick="feedKitten()">Feed</button>
        <button onclick="playKitten()">Play</button>
    </div>

var level = 1;
        var selectedBox = 0;
        var currentKittenIndex = -1;

function pickBox(boxNumber) {
            if (selectedBox !== 0) return;

selectedBox = boxNumber;
            
            var kittenIndex = Math.floor(Math.random() * kittens.length);
            currentKittenIndex = kittenIndex;

var box = document.getElementById("box" + boxNumber);
            box.innerHTML = '<img src="' + kittens[kittenIndex].image + '" alt="Kitten">';

setTimeout(function() {
                box.innerHTML = '';
                document.getElementById("kittenSection").style.display = "block";
                document.getElementById("kittenImage").src = kittens[kittenIndex].image;
                document.getElementById("kittenName").textContent = "Name: " + kittens[kittenIndex].name;
            }, 1000);
        }

function feedKitten() {
            if (selectedBox === 0) return;

alert("You fed your kitten. It's happy now!");
        }

function playKitten() {
            if (selectedBox === 0) return;

alert("You played with your kitten. It's having a great time!");
        }

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

Please note that the image references (`box.png`, `kitten1.png`, etc.) are placeholders and need to be replaced with actual image file names. You can also customize the game further based on your preferences.