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

No:14938

←

Prev Next

→

The tripod robotics
Developer User6437｜Date and time 23/9/5 1:59:02
Build time 30.406 sec｜Game capacity 3.466KB｜

Script

Sure! Below is a basic example of a game implemented as a single HTML file using JavaScript. It is a simple guessing game where the player needs to guess the correct word represented by pictograms. The game can be played on a smartphone.

Pictogram Guessing Game

To play the game, the HTML file can be opened in a web browser (e.g., Chrome) on a smartphone. The player needs to enter their guess in the provided input field and click the "Submit" button. The game will display a message indicating whether the guess was correct or not. The player can continue guessing until they get it right. Please note that you would need to replace the `emozi_rabbit.png`, `emozi_hamuster.png`, etc., with actual pictogram image files. Additionally, you can add more pictograms and their corresponding words to the `pictograms` array to extend the game.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Pictogram Guessing Game</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        
        h1 {
            margin: 30px;
        }
        
        img {
            width: 100px;
            height: 100px;
            margin: 10px;
        }
        
        button {
            padding: 10px 20px;
            font-size: 16px;
            margin: 20px;
        }
    </style>
</head>
<body>
    <h1>Pictogram Guessing Game</h1>
    
    <div id="pictogramContainer">
        
    </div>
    
    <div id="inputContainer">
        <input type="text" id="guessInput" placeholder="Enter your guess">
        <button onclick="checkGuess()">Submit</button>
    </div>
    
    <div id="resultMessage"></div>
    
    <script>
        var pictograms = [
            { image: "pictogram1.png", word: "apple" },
            { image: "pictogram2.png", word: "banana" },
            { image: "pictogram3.png", word: "cat" },
            { image: "pictogram4.png", word: "dog" }
            // Add more pictograms and their corresponding words here
        ];
        
        function startGame() {
            var pictogramContainer = document.getElementById("pictogramContainer");
            
            for (var i = 0; i < pictograms.length; i++) {
                var pictogram = document.createElement("img");
                pictogram.src = pictograms[i].image;
                pictogramContainer.appendChild(pictogram);
            }
        }
        
        function checkGuess() {
            var guessInput = document.getElementById("guessInput");
            var userGuess = guessInput.value.toLowerCase();
            var resultMessage = document.getElementById("resultMessage");
            
            if (userGuess === "") {
                resultMessage.innerHTML = "Please enter a guess.";
                return;
            }
            
            var correctGuess = false;
            for (var i = 0; i < pictograms.length; i++) {
                if (userGuess === pictograms[i].word) {
                    correctGuess = true;
                    break;
                }
            }
            
            if (correctGuess) {
                resultMessage.innerHTML = "Congratulations! You guessed it right.";
            } else {
                resultMessage.innerHTML = "Oops! That's not correct. Try again.";
            }
            
            guessInput.value = "";
        }
        
        startGame();
    </script>
</body>
</html>
```

Please note that you would need to replace the `pictogram1.png`, `pictogram2.png`, etc., with actual pictogram image files. Additionally, you can add more pictograms and their corresponding words to the `pictograms` array to extend the game.