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

No:45460

Cat life •cat house •cat food •toy
Developer User19598｜Date and time 24/2/20 16:36:39
Build time 9.552 sec｜Game capacity 2.143KB｜

Script

Cat Life Game

Cat House

Cat Food

Toy

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Cat Life</title>
</head>
<body>
    
    <h1 style="text-align: center;">Cat Life Game</h1>
    
    <div id="gameArea" style="text-align: center;">
        <h2>Cat House</h2>
        <img src="https://image.flaticon.com/icons/png/128/586/586718.png" id="catHouseImg" width="100" height="100"><br><br>
        
        <h2>Cat Food</h2>
        <img src="https://image.flaticon.com/icons/png/128/4613/4613502.png" id="catFoodImg" width="100" height="100"><br><br>
        
        <h2>Toy</h2>
        <img src="https://image.flaticon.com/icons/png/128/939/939197.png" id="toyImg" width="100" height="100"><br><br>
        
        <button onclick="giveFood()">Give Food</button>
        <button onclick="playWithCat()">Play with Cat</button>
    </div>
    
    <script>
        let catHappiness = 50;
        let catFullness = 50;
        
        function giveFood() {
            catFullness += 10;
            updateCatStats();
        }
        
        function playWithCat() {
            catHappiness += 10;
            updateCatStats();
        }
        
        function updateCatStats() {
            document.getElementById('catHouseImg').src = catFullness >= 50 ? 'https://image.flaticon.com/icons/png/128/586/586718.png' : 'https://image.flaticon.com/icons/png/128/371/371865.png';
            document.getElementById('catFoodImg').src = catFullness >= 50 ? 'https://image.flaticon.com/icons/png/128/4613/4613502.png' : 'https://image.flaticon.com/icons/png/128/368/368640.png';
            document.getElementById('toyImg').src = catHappiness >= 50 ? 'https://image.flaticon.com/icons/png/128/939/939197.png' : 'https://image.flaticon.com/icons/png/128/322/322284.png';
            
            if (catFullness <= 0 || catHappiness <= 0) {
                alert('Your cat is not happy or hungry! Game Over!');
                resetGame();
            }
        }
        
        function resetGame() {
            catHappiness = 50;
            catFullness = 50;
            updateCatStats();
        }
        
        updateCatStats();
    </script>
    
</body>
</html>
```