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

No:36915

101

←

Prev Next

→

A game where You got to brush your teeth Add Just ..ALL
Developer Game Studio｜Date and time 24/1/19 9:17:09
Build time 10.34 sec｜Game capacity 3.092KB｜

Script

Sure! Below is a single HTML file that contains a simple game where you have to brush your teeth and floss before going to bed. The game assumes smartphone operation and uses pictograms for a more interactive experience.

Brush Your Teeth Game

Instructions:

Swipe left or right to brush your teeth and floss.

Complete both tasks before going to bed to win!

Click the toothbrush or floss pictogram to perform the task.

Task:

Brush your teeth!

Please make sure to replace the image sources `<img src="emozi_all/toothbrush.png"` and `<img src="emozi_apple.png"` with the actual image URLs of toothbrush and floss icons for the pictograms to display correctly.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Brush Your Teeth Game</title>
    <style>
        body {
            text-align: center;
        }
        
        #game {
            display: none;
        }
        
        .pictogram {
            width: 100px;
            height: 100px;
            margin: 20px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>Brush Your Teeth Game</h1>
    
    <div id="intro">
        <h2>Instructions:</h2>
        <p>Swipe left or right to brush your teeth and floss.</p>
        <p>Complete both tasks before going to bed to win!</p>
        <p>Click the toothbrush or floss pictogram to perform the task.</p>
        <button onclick="startGame()">Start</button>
    </div>
    
    <div id="game">
        <h2>Task:</h2>
        <p id="taskDescription">Brush your teeth!</p>
        <img src="toothbrush.png" id="toothbrush" class="pictogram" onclick="performTask('brush')"/>
        <img src="floss.png" id="floss" class="pictogram" onclick="performTask('floss')"/>
    </div>
    
    <div id="end">
        <h2 id="endMessage"></h2>
        <button onclick="retry()">Retry</button>
    </div>
    
    <script>
        var currentTask = "brush";
        
        function startGame() {
            document.getElementById("intro").style.display = "none";
            document.getElementById("game").style.display = "block";
        }
        
        function performTask(task) {
            if (task === currentTask) {
                switchTask();
            } else {
                endGame(false);
            }
        }
        
        function switchTask() {
            if (currentTask === "brush") {
                currentTask = "floss";
                document.getElementById("taskDescription").innerHTML = "Floss your teeth!";
            } else {
                endGame(true);
            }
        }
        
        function endGame(won) {
            document.getElementById("game").style.display = "none";
            document.getElementById("end").style.display = "block";
            
            if (won) {
                document.getElementById("endMessage").innerHTML = "Congratulations! You brushed your teeth and flossed before bedtime!";
            } else {
                document.getElementById("endMessage").innerHTML = "Oh no! You forgot to brush your teeth or floss. Try again!";
            }
        }
        
        function retry() {
            currentTask = "brush";
            document.getElementById("end").style.display = "none";
            document.getElementById("intro").style.display = "block";
        }
    </script>
</body>
</html>
```

Please make sure to replace the image sources `<img src="toothbrush.png"` and `<img src="floss.png"` with the actual image URLs of toothbrush and floss icons for the pictograms to display correctly.