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

No:36899

←

Prev Next

→

Kill rats
Developer User16695｜Date and time 24/1/19 6:27:52
Build time 9.419 sec｜Game capacity 2.38KB｜

Script

Sure, here's a simple game where you need to kill rats by tapping on them on a smartphone using JavaScript and pictograms:

Kill Rats Game

This HTML file sets up a basic game where you have to kill rats by tapping on them. The game container is a flexbox element that holds the rat pictograms. When you tap on a rat, its visibility is set to "hidden" and the score is increased. Once all rats are killed, the game ends and a message is displayed.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

Sure, here's a simple game where you need to kill rats by tapping on them on a smartphone using JavaScript and pictograms:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Kill Rats Game</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            background-color: #f0f0f0;
            text-align: center;
        }

h1 {
            margin: 20px 0;
            color: #333;
        }

#game-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            max-width: 600px;
            margin: 0 auto;
        }

.rat {
            width: 80px;
            height: 80px;
            background-image: url('rat.png');
            background-size: cover;
            cursor: pointer;
            margin: 10px;
        }
    </style>
</head>
<body>
    <h1>Kill Rats Game</h1>
    <div id="game-container"></div>

// Number of rats and score
        let totalRats = 5;
        let score = 0;

// Generate rats on the game container
        function generateRats() {
            const gameContainer = document.getElementById("game-container");

for (let i = 0; i < totalRats; i++) {
                const rat = document.createElement("div");
                rat.className = "rat";

rat.addEventListener("click", () => {
                    score++;
                    rat.style.visibility = "hidden";
                    if (score === totalRats) {
                        endGame();
                    }
                });

gameContainer.appendChild(rat);
            }
        }

// End game display
        function endGame() {
            const gameContainer = document.getElementById("game-container");
            gameContainer.innerHTML = "<h2>Game Over!</h2><p>You killed all the rats!</p>";
        }

// Start the game
        generateRats();
    </script>
</body>
</html>
```