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

No:11920

←

Prev Next

→

School
Developer User3709｜Date and time 23/8/13 5:56:27
Build time 20.171 sec｜Game capacity 2.86KB｜

Script

Sure! Here's a simple game implemented as a single HTML file using JavaScript:

Pictogram Game

🍔

🍕

🍟

Score: 0

This game will display a random pictogram (emoji) and the player needs to click on it. If the clicked pictogram matches the current pictogram, the score increases and the next pictogram is shown. If the clicked pictogram doesn't match, the game ends and it displays "Game Over!". The player's score is shown at the top.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Sure! Here's a simple game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Pictogram Game</title>
    <style>
        body {
            text-align: center;
        }
        #container {
            display: flex;
            justify-content: center;
            margin-top: 100px;
        }
        .pictogram {
            font-size: 80px;
            margin: 10px;
            cursor: pointer;
        }
        #score {
            font-size: 20px;
        }
        #result {
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <h1>Pictogram Game</h1>
    <div id="container">
        <div class="pictogram">🍔</div>
        <div class="pictogram">🍕</div>
        <div class="pictogram">🍟</div>
    </div>
    <div id="score">Score: 0</div>
    <div id="result"></div>

// Get random pictogram from array
        function getRandomPictogram() {
            const index = Math.floor(Math.random() * pictograms.length);
            return pictograms[index];
        }

// Update the score
        function updateScore() {
            score++;
            document.getElementById('score').innerHTML = 'Score: ' + score;
        }

// Check if clicked pictogram matches current pictogram
        function checkPictogram(event) {
            const clickedPictogram = event.target.innerHTML;
            if (clickedPictogram === currentPictogram) {
                updateScore();
                showNextPictogram();
            } else {
                gameOver();
            }
        }

// Show the next pictogram
        function showNextPictogram() {
            currentPictogram = getRandomPictogram();
            document.getElementById('container').innerHTML = '<div class="pictogram">' + currentPictogram + '</div>';
        }

// Game over
        function gameOver() {
            document.getElementById('result').innerHTML = 'Game Over!';
            document.getElementById('container').removeEventListener('click', checkPictogram);
        }

// Game variables
        let score = 0;
        let currentPictogram;

// Start the game
        function startGame() {
            showNextPictogram();
            document.getElementById('container').addEventListener('click', checkPictogram);
        }

// Initialize the game
        startGame();
    </script>
</body>
</html>
```