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

No:16187

←

Prev Next

→

Fnf
Developer User7059｜Date and time 23/9/16 15:37:00
Build time 18.985 sec｜Game capacity 2.767KB｜

Script

Here's an example of a simple game implemented as a single HTML file using JavaScript and enclosed within script tags:

Pictogram Game

Tap on the correct pictogram!

In this game, you need to tap on the correct pictogram to increase your score. The available pictogram images are defined in the `pictograms` array. Each time you tap on the correct pictogram, your score increases and a random new pictogram is generated. The game is over when your score reaches 10, and then you have the option to reset the game by tapping on any pictogram.

←

Prev　Next

→ 　

Back　

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

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

Here's an example of a simple game implemented as a single HTML file using JavaScript and enclosed within script tags:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Pictogram Game</title>
    <style>
        body {
            text-align: center;
            font-size: 24px;
            font-family: Arial, sans-serif;
        }
        img {
            width: 100px;
            height: 100px;
            margin: 10px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>Pictogram Game</h1>
    <p>Tap on the correct pictogram!</p>
    <div id="pictogramContainer">
        
    </div>

var container = document.getElementById("pictogramContainer");
            var score = 0;

function generateRandomPictogram() {
                // Clear previous pictogram images
                container.innerHTML = '';

// Generate a random index to select a pictogram from the array
                var randomIndex = Math.floor(Math.random() * pictograms.length);
                var randomPictogram = pictograms[randomIndex];

// Create an image element for the selected pictogram
                var img = document.createElement("img");
                img.src = randomPictogram;
                img.addEventListener("click", checkAnswer);

// Append the image element to the container
                container.appendChild(img);
            }

function resetGame() {
                score = 0;
                generateRandomPictogram();
            }

// Start the game by generating the first random pictogram
            generateRandomPictogram();
        };
    </script>
</body>
</html>
```