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

No:25076

116

←

Prev Next

→

Lokk
Developer User12159｜Date and time 23/11/17 2:33:41
Build time 71.526 sec｜Game capacity 3.048KB｜

Script

Sure, I can assist you in creating a simple game using JavaScript and HTML. Here's an example of a game called "Pictogram Quiz" implemented in a single HTML file:

Pictogram Quiz

This is a basic implementation of a Pictogram Quiz game using JavaScript in a single HTML file. It presents the user with a pictogram image and asks them to enter their answer in a text input field. The user can submit their answer by clicking the "Submit" button. The game will inform the user if their answer is correct or wrong. Once the user submits an answer, the game proceeds to the next pictogram in the sequence. After going through all the pictograms, the game restarts from the beginning.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

Sure, I can assist you in creating a simple game using JavaScript and HTML. Here's an example of a game called "Pictogram Quiz" implemented in a single HTML file:

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Pictogram Quiz</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }
    </style>
</head>
<body>
    <h1>Pictogram Quiz</h1>
    <div id="game-container">
        <img id="pictogram" src="pictogram1.png" alt="Pictogram">
        <br>
        <input type="text" id="answer-input" placeholder="Enter your answer">
        <br>
        <button id="submit-btn">Submit</button>
    </div>

// Function to load the current pictogram
        function loadPictogram() {
            const pictogramImg = document.getElementById("pictogram");
            pictogramImg.src = pictograms[currentPictogramIndex];
        }

// Function to check the user's answer
        function checkAnswer() {
            const answerInput = document.getElementById("answer-input");
            const userAnswer = answerInput.value.trim().toLowerCase();

let correctAnswer = "";

if (currentPictogramIndex === 0) {
                correctAnswer = "apple";
            } else if (currentPictogramIndex === 1) {
                correctAnswer = "car";
            } else if (currentPictogramIndex === 2) {
                correctAnswer = "sun";
            }

if (userAnswer === correctAnswer) {
                alert("Correct answer!");
            } else {
                alert("Wrong answer. Try again!");
            }

// Load the next pictogram
            currentPictogramIndex++;
            if (currentPictogramIndex >= pictograms.length) {
                // End of the game
                alert("Game over!");
                currentPictogramIndex = 0;
            }
            loadPictogram();
            answerInput.value = "";
        }

// Event listener for the submit button
        const submitButton = document.getElementById("submit-btn");
        submitButton.addEventListener("click", checkAnswer);

// Start the game by loading the first pictogram
        loadPictogram();
    </script>
</body>
</html>
```