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

No:35793

107

←

Prev Next

→

A game where when you SEE the Bear close The Door ..ALL
Developer User16544｜Date and time 24/1/15 9:14:50
Build time 6.758 sec｜Game capacity 1.889KB｜

Script

Pictogram Game

Veja o urso: Feche a porta. Veja o coelho: Coloque a máscara.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Pictogram Game</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }
        
        #game-screen {
            width: 400px;
            height: 400px;
            border: 2px solid black;
            margin: 20px auto;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        #door-image {
            display: none;
            width: 200px;
        }

#mask-image {
            display: none;
            width: 200px;
        }
    </style>
</head>
<body>
    <h1>Pictogram Game</h1>
    <h2>Veja o urso: Feche a porta. Veja o coelho: Coloque a máscara.</h2>
    <div id="game-screen">
        <img id="door-image" src="door.png" alt="Door">
        <img id="mask-image" src="mask.png" alt="Mask">
    </div>

// Show and hide the corresponding images based on user actions
            document.addEventListener("click", function(event) {
                if (event.target.tagName === "IMG") {
                    if (event.target.alt === "Bear") {
                        doorImage.style.display = "block";
                        maskImage.style.display = "none";
                    } else if (event.target.alt === "Bunny") {
                        maskImage.style.display = "block";
                        doorImage.style.display = "none";
                    }
                }
            });
        }
        
        // Start the game when the page is loaded
        document.addEventListener("DOMContentLoaded", playGame);
    </script>
</body>
</html>