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

No:36069

←

Prev Next

→

Ai story
Developer User16724｜Date and time 24/1/16 13:16:45
Build time 10.495 sec｜Game capacity 3.12KB｜

Script

Sure, here's an example of a simple game implementation using JavaScript and HTML in a single HTML file, using pictograms for a smartphone operation:

Picture Guessing Game

Guess the name of the pictogram displayed below:

In this example, there is an array `pictograms` that stores the names of pictograms and their corresponding answers. The game starts by displaying the first pictogram and allowing the user to enter their guess. Upon clicking the "Submit" button, the `checkGuess()` function is called to validate the guess. If the guess is correct, a message is displayed, and the next pictogram is shown. If the guess is wrong, another message is displayed, and the user can try again. Once all pictograms have been guessed correctly, the `gameFinished()` function is called, and a congratulatory message is displayed. Please note that you would need to replace the image paths in the `<img>` tags with the correct paths for your specific pictograms.

←

Prev　Next

→ 　

Back　

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

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

Sure, here's an example of a simple game implementation using JavaScript and HTML in a single HTML file, using pictograms for a smartphone operation:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Picture Guessing Game</title>
</head>
<body>

<h1>Picture Guessing Game</h1>
<p>Guess the name of the pictogram displayed below:</p>

<div id="game-div">
    <img src="pictograms/apple.png" alt="Pictogram to guess">
    <br>
    <input type="text" id="guess-input" placeholder="Enter your guess">
    <button onclick="checkGuess()">Submit</button>
    <br>
    <p id="result-text"></p>
</div>

let currentPictogramIndex = 0;
    let resultText = document.getElementById('result-text');
    let guessInput = document.getElementById('guess-input');

function checkGuess() {
        let guess = guessInput.value.toLowerCase();
        let currentPictogram = pictograms[currentPictogramIndex];

if (guess === currentPictogram.answer) {
            resultText.innerHTML = 'Correct!';
            showNextPictogram();
        } else {
            resultText.innerHTML = 'Wrong guess, try again.';
        }

guessInput.value = '';
    }

function showNextPictogram() {
        currentPictogramIndex++;

if (currentPictogramIndex >= pictograms.length) {
            gameFinished();
        } else {
            let nextPictogram = pictograms[currentPictogramIndex];
            document.getElementById('game-div').innerHTML = `<img src="pictograms/${nextPictogram.name}.png" alt="Pictogram to guess"><br>
                                                             <input type="text" id="guess-input" placeholder="Enter your guess">
                                                             <button onclick="checkGuess()">Submit</button>
                                                             <br>
                                                             <p id="result-text"></p>`;
        }
    }

function gameFinished() {
        document.getElementById('game-div').innerHTML = '<h2>Congratulations! You finished the game.</h2>';
    }
</script>

</body>
</html>
```

Once all pictograms have been guessed correctly, the `gameFinished()` function is called, and a congratulatory message is displayed.

Please note that you would need to replace the image paths in the `<img>` tags with the correct paths for your specific pictograms.