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

No:12381

←

Prev Next

→

AI creating fiv
Developer User5081｜Date and time 23/8/15 11:02:03
Build time 19.464 sec｜Game capacity 2.746KB｜

Script

Sure! Here's an example of a simple game implemented as a single HTML file using JavaScript. It's a basic "Guess the Pictogram" game, where the player has to guess an object represented by a pictogram.

Guess the Pictogram

In this game, you would need to have pictogram images (e.g., pictogram1.png, pictogram2.png, etc.) in the same directory as the HTML file. The game randomly selects a pictogram, and the player needs to enter their guess in the text input field. They can click the "Check" button to see if their guess is correct. If it's correct, their score increases by 10, and a new random pictogram is displayed. Otherwise, they receive an alert indicating their guess was wrong. Feel free to customize the pictograms, styles, and game mechanics to fit your preferences!

←

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>
    <style>
        body {
            text-align: center;
        }

#game-container {
            display: inline-block;
            margin-top: 100px;
        }

#score {
            font-size: 20px;
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <h1>Guess the Pictogram</h1>
    <div id="game-container">
        <img id="pictogram" src="pictogram1.png" width="200" height="200">
        <br>
        <input type="text" id="guess-input" placeholder="Enter your guess">
        <br>
        <button onclick="checkGuess()">Check</button>
    </div>
    <div id="score"></div>

function checkGuess() {
            var guess = document.getElementById("guess-input").value.trim();
            var currentPictogram = pictograms[currentPictogramIndex].slice(0, -4);

if (guess.toLowerCase() === currentPictogram) {
                score += 10;
                document.getElementById("score").textContent = "Score: " + score;
                changePictogram();
                document.getElementById("guess-input").value = "";
            } else {
                alert("Wrong guess! Try again.");
            }
        }

function changePictogram() {
            do {
                currentPictogramIndex = Math.floor(Math.random() * pictograms.length);
            } while (currentPictogramIndex === previousPictogramIndex);

var pictogram = document.getElementById("pictogram");
            pictogram.src = pictograms[currentPictogramIndex];
        }

// Initialize the game
        var previousPictogramIndex = currentPictogramIndex;
        changePictogram();
    </script>
</body>
</html>
```

Feel free to customize the pictograms, styles, and game mechanics to fit your preferences!