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

No:34746

Van egy szöveges kereső beírod a képet lesznek kép..ALL
Developer User16254｜Date and time 24/1/11 13:43:55
Build time 9.588 sec｜Game capacity 2.837KB｜

Script

Here is an example of a simple game using pictograms where you have to correctly guess the word related to the displayed image. It is implemented as a single HTML file using JavaScript enclosed in script tags:

Pictogram Game

You can add more images and their respective words to the `images` array to expand the game. When the player enters a correct word, they will be notified with a congratulatory message and then the game will move on to the next image. If the guess is incorrect, an appropriate message will be displayed. Please note that you need to replace the image URLs with the actual URLs of your own images for the game to work properly.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Pictogram Game</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }
        
        h1 {
            margin-top: 50px;
        }
        
        #image {
            margin-top: 30px;
        }
        
        #guess {
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <h1>Pictogram Game</h1>
    <div id="image"></div>
    <input id="guess" type="text" placeholder="Your Guess" autofocus>
    
    <script>
        var images = [
            { word: "Apple", image: "https://example.com/apple.png" },
            { word: "Orange", image: "https://example.com/orange.png" },
            { word: "Banana", image: "https://example.com/banana.png" },
            // Add more images and words here
        ];
        
        var currentImageIndex = 0;
        var currentImage = images[currentImageIndex];
        
        function displayImage() {
            var imageContainer = document.getElementById("image");
            imageContainer.innerHTML = '<img src="' + currentImage.image + '" alt="Pictogram">';
        }
        
        function checkGuess() {
            var guessInput = document.getElementById("guess");
            var userGuess = guessInput.value.toLowerCase();
            
            if (userGuess === currentImage.word.toLowerCase()) {
                alert("Congratulations! Your guess is correct!");
                guessInput.value = ""; // Empty the input field
                
                // Move to the next image
                currentImageIndex = (currentImageIndex + 1) % images.length;
                currentImage = images[currentImageIndex];
                displayImage();
            } else {
                alert("Sorry, your guess is incorrect. Try again!");
            }
        }
        
        displayImage(); // Display the initial image
        
        var guessInput = document.getElementById("guess");
        guessInput.addEventListener("keydown", function(event) {
            if (event.keyCode === 13) {
                checkGuess();
            }
        });
    </script>
</body>
</html>
```

Please note that you need to replace the image URLs with the actual URLs of your own images for the game to work properly.