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

No:12695

117

←

Prev Next

→

Tanks
Developer User4587｜Date and time 23/8/22 7:25:30
Build time 15.186 sec｜Game capacity 4.207KB｜

Script

Sure! I can help you create a simple game using JavaScript within a single HTML file. Please find the code below:

Guess the Pictogram

Try to guess the correct word that each pictogram represents!

Score: 0

This HTML file creates a simple game called "Guess the Pictogram". It shows a pictogram to the player, and the player needs to enter their guess for the corresponding word using the input field and submit button. The game keeps track of the player's score and displays it on the screen. You can update the `pictograms` array with more pictograms along with their corresponding words. You can copy and save this code into a single HTML file and open it in a browser or a smartphone's web browser to play the game.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

Sure! I can help you create a simple game using JavaScript within a single HTML file. Please find the code below:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Guess the Pictogram</title>
</head>
<body>
    <div id="gameContainer">
        <h1>Guess the Pictogram</h1>
        <p>Try to guess the correct word that each pictogram represents!</p>
        <div id="score">Score: 0</div>
        <div id="pictogramContainer"></div>
        <input type="text" id="guessInput" placeholder="Enter your guess">
        <button id="submitBtn">Submit</button>
    </div>

let currentPictogramIndex = 0;
        let score = 0;

// Function to load a new pictogram
        function loadPictogram() {
            const pictogramContainer = document.getElementById('pictogramContainer');
            const guessInput = document.getElementById('guessInput');
            const submitBtn = document.getElementById('submitBtn');

// Clear previous content
            pictogramContainer.innerHTML = "";
            guessInput.value = "";

// Check if the game is finished
            if (currentPictogramIndex >= pictograms.length) {
                endGame();
                return;
            }

// Load new pictogram
            const currentPictogram = pictograms[currentPictogramIndex];
            const pictogramElement = document.createElement('div');
            pictogramElement.innerText = currentPictogram.image;
            pictogramContainer.appendChild(pictogramElement);

// Enable input and submit button
            guessInput.disabled = false;
            submitBtn.disabled = false;
        }

// Function to handle guess submission
        function submitGuess() {
            const guessInput = document.getElementById('guessInput');
            const currentPictogram = pictograms[currentPictogramIndex];

// Check if the guess is correct
            if (guessInput.value.toLowerCase() === currentPictogram.word) {
                score++;
            }

currentPictogramIndex++;
            updateScore();
            loadPictogram();
        }

// Function to update the score
        function updateScore() {
            const scoreElement = document.getElementById('score');
            scoreElement.innerText = 'Score: ' + score;
        }

// Function to end the game
        function endGame() {
            const gameContainer = document.getElementById('gameContainer');
            const scoreElement = document.getElementById('score');

// Clear game content
            gameContainer.innerHTML = "";
            scoreElement.innerHTML = "<h2>Game Over!</h2><p>Your final score: " + score + "</p>";

// Disable input and submit button
            const guessInput = document.getElementById('guessInput');
            const submitBtn = document.getElementById('submitBtn');
            guessInput.disabled = true;
            submitBtn.disabled = true;
        }

// Attach event listeners
        window.onload = function () {
            loadPictogram();
            const submitBtn = document.getElementById('submitBtn');
            submitBtn.addEventListener('click', submitGuess);
        };
    </script>
</body>
</html>
```

You can copy and save this code into a single HTML file and open it in a browser or a smartphone's web browser to play the game.