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

No:14258

←

Prev Next

→

Ñ
Developer User6096｜Date and time 23/8/31 9:19:34
Build time 11.935 sec｜Game capacity 3.274KB｜

Script

Sure, here's a simple game implemented as a single HTML file using JavaScript:

Picture Guessing Game

Score: 0

This game is a simple picture guessing game. It randomly shuffles an array of pictograms and displays them as cards on the screen. The player's goal is to click on the card that matches the first pictogram in the shuffled array. If the guess is correct, the player's score increases, and if the guess is incorrect, the score decreases. The game continues until all cards are clicked. The score is displayed at the top of the screen.

←

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>Picture Guessing Game</title>
    <style>
        body {
            text-align: center;
        }

#score {
            font-size: 24px;
            font-weight: bold;
        }

#game-container {
            margin-top: 20px;
        }

.picture-card {
            display: inline-block;
            margin: 10px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>Picture Guessing Game</h1>
    <div id="score">Score: 0</div>
    <div id="game-container"></div>

// Shuffle the pictograms randomly
        function shuffle(array) {
            let currentIndex = array.length;
            let temporaryValue, randomIndex;

while (currentIndex !== 0) {
                randomIndex = Math.floor(Math.random() * currentIndex);
                currentIndex--;

temporaryValue = array[currentIndex];
                array[currentIndex] = array[randomIndex];
                array[randomIndex] = temporaryValue;
            }

return array;
        }

// Create a new game
        function newGame() {
            gameContainer.innerHTML = '';
            score = 0;
            scoreElement.textContent = 'Score: 0';

const shuffledPictograms = shuffle(pictograms);

for (let i = 0; i < shuffledPictograms.length; i++) {
                const card = document.createElement('div');
                card.className = 'picture-card';
                card.innerHTML = shuffledPictograms[i];
                card.addEventListener('click', handleCardClick);
                gameContainer.appendChild(card);
            }
        }

// Handle card click event
        function handleCardClick(event) {
            const clickedCard = event.target;
            const selectedPictogram = clickedCard.innerHTML;

if (selectedPictogram === pictograms[0]) {
                // Correct guess
                score++;
                scoreElement.textContent = 'Score: ' + score;
            } else {
                // Incorrect guess
                score--;
                scoreElement.textContent = 'Score: ' + score;
            }

// Remove clicked card from game container
            gameContainer.removeChild(clickedCard);
        }

// Start the game
        const scoreElement = document.getElementById('score');
        const gameContainer = document.getElementById('game-container');
        let score = 0;

newGame();
    </script>
</body>
</html>
```