A game where you play as a janitor, You must mop all the trash off the floor in a laboratory's game

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

No:35289

←

Prev Next

→

A game where you play as a janitor, You must mop a..ALL
Developer User16496｜Date and time 24/1/13 22:41:13
Build time 12.977 sec｜Game capacity 3.214KB｜

Script

Sure! Here's an example of a simple game where you play as a janitor and mop all the trash off the floor in a laboratory. It's implemented as a single HTML file, which contains JavaScript code enclosed in script tags:

In this game, the laboratory is represented by the `game-area` div, and trash items are represented by the `trash` class. The janitor's mop is represented by the `mop` class. You can use pictograms for the trash and mop by providing their image URLs in the CSS. To play the game, simply open the HTML file in a web browser, and you can click on the trash elements to mop them. Each mopped trash will disappear, and once you mop all the trash, an alert will congratulate you on completing the game. Note: Make sure you have `emozi_bear.png` and `emozi_chicken.png` files (or similar images) placed in the same directory as the HTML file for the pictograms to be visible.

←

Prev　Next

→ 　

Back　

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

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

```
<!DOCTYPE html>
<html>
<head>
    <title>Janitor Mop Game</title>
    <style>
        #game-area {
            width: 400px;
            height: 400px;
            position: relative;
            border: 2px solid black;
            margin: 0 auto;
        }

.trash {
            width: 50px;
            height: 50px;
            background-image: url('trash.png'); /* assuming you have a trash pictogram */
            background-size: cover;
            position: absolute;
            cursor: pointer;
        }

.mop {
            width: 50px;
            height: 50px;
            background-image: url('mop.png'); /* assuming you have a mop pictogram */
            background-size: cover;
            position: absolute;
            top: 0;
            left: 0;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="game-area">
        <div id="trash1" class="trash"></div>
        <div id="trash2" class="trash"></div>
        <div id="trash3" class="trash"></div>
        <div id="mop" class="mop"></div>
    </div>

// Get references to the mop and trash elements
        var mop = document.getElementById('mop');
        var trashElements = document.getElementsByClassName('trash');

// Register click event listeners on trash elements
        Array.prototype.forEach.call(trashElements, function(trash) {
            trash.addEventListener('click', function() {
                // Remove the clicked trash element from the game area
                trash.style.display = 'none';
                moppedTrashCount++;

// Check if all trash has been mopped
                if (moppedTrashCount === trashElements.length) {
                    alert('Congratulations! You mopped all the trash!');
                }
            });
        });

// Register click event listener on game area to move the mop
        var gameArea = document.getElementById('game-area');
        gameArea.addEventListener('click', function(event) {
            // Move the mop to the clicked position
            mop.style.left = event.clientX - 25 + 'px';
            mop.style.top = event.clientY - 25 + 'px';
        });
    </script>
</body>
</html>
```

To play the game, simply open the HTML file in a web browser, and you can click on the trash elements to mop them. Each mopped trash will disappear, and once you mop all the trash, an alert will congratulate you on completing the game.

Note: Make sure you have `trash.png` and `mop.png` files (or similar images) placed in the same directory as the HTML file for the pictograms to be visible.