AI game creator

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

No:36219

←

Prev Next

→

Swan open gameplay
Developer User16766｜Date and time 24/1/17 4:03:22
Build time 10.168 sec｜Game capacity 2.858KB｜

Script

←

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>
</head>
<body>
    <script>
        // Pictogram Game Code

// Define the list of pictograms for the game
        const pictograms = [
            {
                index: 1,
                image: "pictogram1.png",
                answer: "apple"
            },
            {
                index: 2,
                image: "pictogram2.png",
                answer: "bus"
            },
            {
                index: 3,
                image: "pictogram3.png",
                answer: "cat"
            },
            {
                index: 4,
                image: "pictogram4.png",
                answer: "dog"
            },
            {
                index: 5,
                image: "pictogram5.png",
                answer: "elephant"
            }
        ];

// Initialize the game state
        let currentPictogramIndex = 0;
        let score = 0;

// Function to check if the provided answer is correct
        function checkAnswer(answer) {
            if (answer.trim().toLowerCase() === pictograms[currentPictogramIndex].answer) {
                score++;
                // Proceed to the next pictogram
                currentPictogramIndex++;
                
                if (currentPictogramIndex >= pictograms.length) {
                    // All pictograms are solved, display the final score
                    alert("Congratulations! You have completed the game with a score of " + score + "/" + pictograms.length);
                } else {
                    // Display the next pictogram
                    showNextPictogram();
                }
            } else {
                // Incorrect answer, display an error message
                alert("Incorrect answer. Try again!");
            }
        }

// Function to display the current pictogram
        function showNextPictogram() {
            const pictogramImage = document.createElement("img");
            const answerInput = document.createElement("input");
            const submitButton = document.createElement("button");

pictogramImage.src = pictograms[currentPictogramIndex].image;
            answerInput.placeholder = "Type your answer here";
            submitButton.textContent = "Submit answer";

submitButton.addEventListener("click", function() {
                const answer = answerInput.value;
                checkAnswer(answer);
            });

document.body.innerHTML = ""; // Clear the previous content
            document.body.appendChild(pictogramImage);
            document.body.appendChild(answerInput);
            document.body.appendChild(submitButton);
        }

// Start the game by displaying the first pictogram
        showNextPictogram();
    </script>
</body>
</html>