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

No:34765

Ai ember a kereső lesz a beszélgetés ird be azt ho..ALL
Developer User16254｜Date and time 24/1/11 14:07:00
Build time 11.834 sec｜Game capacity 3.164KB｜

Script

Sure! I'll create a simple game called "Guess the Pictogram". It will display a random pictogram, and the player has to guess what it represents from the given options. Here's the code for the single HTML file:

Guess the Pictogram

In this game, the pictograms are represented using emojis. Each time the player selects an option, the game will check if it is the correct answer and provide feedback. It will then show a new random pictogram and generate new options. The game continues until the player exits the page.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Guess the Pictogram</title>
</head>
<body>
    <h1>Guess the Pictogram</h1>
    <div id="pictogram"></div>
    <div id="options"></div>

// Function to select a random pictogram
        function selectRandomPictogram() {
            const randomIndex = Math.floor(Math.random() * pictograms.length);
            return pictograms[randomIndex];
        }

// Function to generate the options
        function generateOptions() {
            const optionsDiv = document.getElementById('options');
            optionsDiv.innerHTML = '';

const currentPictogramName = selectedPictogram.name;
            const options = pictograms.filter(p => p.name !== currentPictogramName);
            const randomOptions = [];

// Select 3 random options
            while (randomOptions.length < 3) {
                const randomIndex = Math.floor(Math.random() * options.length);
                const randomOption = options[randomIndex];
                randomOptions.push(randomOption);
                options.splice(randomIndex, 1);
            }

// Add the correct pictogram and shuffle the options
            randomOptions.push(selectedPictogram);
            randomOptions.sort(() => 0.5 - Math.random());

// Render the options
            randomOptions.forEach(option => {
                const button = document.createElement('button');
                button.innerText = option.name;
                button.addEventListener('click', () => checkAnswer(option.name));
                optionsDiv.appendChild(button);
            });
        }

// Function to check the answer
        function checkAnswer(answer) {
            if (answer === selectedPictogram.name) {
                alert('Correct answer!');
            } else {
                alert('Wrong answer!');
            }

// Generate a new pictogram and options
            selectedPictogram = selectRandomPictogram();
            document.getElementById('pictogram').innerText = selectedPictogram.image;
            generateOptions();
        }

// Start the game
        let selectedPictogram = selectRandomPictogram();
        document.getElementById('pictogram').innerText = selectedPictogram.image;
        generateOptions();
    </script>
</body>
</html>
```