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

No:27442

←

Prev Next

→

game fun dlc
Developer User13648｜Date and time 23/12/7 3:33:05
Build time 35.182 sec｜Game capacity 4.001KB｜

Script

Sure, I can help you create a simple game using HTML and JavaScript that you can play as a finished game. Here's an example of a game where you need to guess the correct word from a set of pictograms.

Pictogram Guessing Game

In this game, you can replace the `emozi_all/game.png`, `emozi_himawari.png`, `emozi_cat.png` with your own set of pictograms. Also, update the `answers` array with the corresponding correct words for each pictogram. To play the game, you need to enter your guess in the text input and click the "Submit" button. If your guess matches the correct word, you will receive a congratulatory message and the next pictogram will be loaded. If your guess is incorrect, you will receive an alert and can try again. The game will continue until you finish all the pictograms. Please note that the images referenced in the code should be available in the same directory as the HTML file, or you can update the image paths accordingly.

←

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 {
            text-align: center;
            font-family: Arial, sans-serif;
        }

h1 {
            margin-bottom: 20px;
        }

.pictogram {
            width: 150px;
            height: 150px;
            margin: 10px;
            border: 1px solid black;
            display: inline-block;
        }

input[type="text"] {
            margin-top: 20px;
            padding: 5px;
        }

button {
            margin-top: 10px;
            padding: 10px 20px;
            font-size: 18px;
        }
    </style>
</head>

<body>
    <h1>Pictogram Guessing Game</h1>

<input type="text" id="guessInput" placeholder="Enter your guess">
    <button id="submitBtn">Submit</button>

var submitBtn = document.getElementById("submitBtn");
        submitBtn.addEventListener("click", function () {
            var guessInput = document.getElementById("guessInput");
            var userGuess = guessInput.value.toLowerCase();

if (userGuess === answers[currentPictogramIndex]) {
                // Correct guess
                alert("Congratulations! You guessed it right!");
                guessInput.value = "";
                nextPictogram();
            } else {
                // Incorrect guess
                alert("Sorry, wrong guess. Try again!");
                guessInput.value = "";
            }
        });

function nextPictogram() {
            currentPictogramIndex++;

if (currentPictogramIndex === pictograms.length) {
                // End of the game
                alert("Game over. You finished all the pictograms!");
                document.getElementById("gameContainer").innerHTML = "";
                document.getElementById("guessInput").disabled = true;
                document.getElementById("submitBtn").disabled = true;
            } else {
                // Load the next pictogram
                var gameContainer = document.getElementById("gameContainer");
                gameContainer.innerHTML = "";

var pictogramDiv = document.createElement("div");
                pictogramDiv.className = "pictogram";
                var img = document.createElement("img");
                img.src = pictograms[currentPictogramIndex];
                pictogramDiv.appendChild(img);

gameContainer.appendChild(pictogramDiv);
            }
        }
    </script>
</body>

</html>
```

In this game, you can replace the `pictogram1.png`, `pictogram2.png`, `pictogram3.png` with your own set of pictograms. Also, update the `answers` array with the corresponding correct words for each pictogram.

To play the game, you need to enter your guess in the text input and click the "Submit" button. If your guess matches the correct word, you will receive a congratulatory message and the next pictogram will be loaded. If your guess is incorrect, you will receive an alert and can try again. The game will continue until you finish all the pictograms.

Please note that the images referenced in the code should be available in the same directory as the HTML file, or you can update the image paths accordingly.