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

No:17514

112

←

Prev Next

→

Furry game
Developer User7707｜Date and time 23/9/23 17:33:44
Build time 21.16 sec｜Game capacity 1.916KB｜

Script

Of course! Here's a simple game called "Furry Catcher" implemented as a single HTML file. It's a game where you need to catch as many furry animals as possible using your smartphone. I've used pictograms to represent the animals.

Furry Catcher

🐶 🐱 🐰

Score: 0

To play the game, you can copy the code into an HTML file, open it in your smartphone's web browser, and start catching the furry animals (represented by the pictograms) by tapping on them. Your score will increase each time you catch an animal. Have fun playing "Furry Catcher"!

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Furry Catcher</title>
    <style>
        body {
            text-align: center;
            margin-top: 100px;
        }

#game {
            display: inline-block;
            position: relative;
            width: 300px;
            height: 300px;
            border: 1px solid black;
        }

.animal {
            position: absolute;
            font-size: 32px;
            cursor: pointer;
        }

#score {
            margin-top: 20px;
            font-size: 24px;
        }
    </style>
</head>
<body>
    <h1>Furry Catcher</h1>
    <div id="game">
        <span class="animal" style="top: 50px; left: 50px;">🐶</span>
        <span class="animal" style="top: 150px; left: 120px;">🐱</span>
        <span class="animal" style="top: 200px; left: 220px;">🐰</span>
    </div>
    <div id="score">Score: 0</div>

function increaseScore() {
            score++;
            document.getElementById("score").textContent = "Score: " + score;
        }

var animals = Array.from(document.getElementsByClassName("animal"));
        animals.forEach(function (animal) {
            animal.addEventListener("click", function () {
                this.style.display = "none";
                increaseScore();
            });
        });
    </script>
</body>
</html>
```