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

No:33902

Vollständiges Spiel. Gib keine Erklärungen, nur de..ALL
Developer User14077｜Date and time 24/1/7 1:00:25
Build time 20.897 sec｜Game capacity 2.233KB｜

Script

Pictogram Game

←

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 {
        font-size: 48px;
        text-align: center;
        margin-top: 200px;
    }
    
    button {
        font-size: 32px;
        padding: 10px 20px;
        margin-top: 50px;
    }
</style>
</head>
<body>
    <script>
        var score = 0;
        var images = [
            "🐱", "🐶", "🐰", "🐭", "🐼",
            "🐵", "🦊", "🐸", "🐻", "🐷"
        ];
        
        function getRandomImage() {
            var index = Math.floor(Math.random() * images.length);
            return images[index];
        }
        
        function updateScore() {
            var scoreElement = document.getElementById("score");
            scoreElement.innerHTML = "Score: " + score;
        }
        
        function checkSelection(selectedImage) {
            var currentImage = document.getElementById("currentImage");
                
            if (selectedImage === currentImage.innerHTML) {
                score++;
            }
            
            currentImage.innerHTML = getRandomImage();
            updateScore();
        }
        
        function startGame() {
            var button = document.getElementById("startButton");
            button.style.display = "none";
            
            var currentImage = document.createElement("span");
            currentImage.id = "currentImage";
            document.body.appendChild(currentImage);
            currentImage.innerHTML = getRandomImage();
            
            var scoreElement = document.createElement("div");
            scoreElement.id = "score";
            document.body.appendChild(scoreElement);
            updateScore();
            
            for (var i = 0; i < images.length; i++) {
                var imageButton = document.createElement("button");
                imageButton.onclick = function() {
                    checkSelection(this.innerHTML);
                };
                imageButton.innerHTML = images[i];
                document.body.appendChild(imageButton);
            }
        }
    </script>
    
    <h1>Pictogram Game</h1>
    <button id="startButton" onclick="startGame()">Start</button>
</body>
</html>