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

No:21262

112

←

Prev Next

→

relatick
Developer User9728｜Date and time 23/10/14 10:44:08
Build time 72.516 sec｜Game capacity 4.867KB｜

Script

Sure! Below is an example of a simple game implemented as a single HTML file. The game is called "Guess the Pictogram". It presents a series of pictograms and the player needs to guess the corresponding word by selecting the correct option. This game can be played on smartphones as well. Here's the code:

Guess the Pictogram

To test and play the game, copy the entire code and save it as an HTML file (e.g., `game.html`). Then, open the file in a web browser. You will see the game interface with the first pictogram and three options. Select the correct answer and continue playing until all questions are answered. At the end, your score will be displayed. Enjoy playing "Guess the Pictogram"!

←

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 {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        
        #game-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-top: 100px;
        }
        
        #question {
            font-size: 24px;
            margin-bottom: 20px;
        }
        
        #options {
            display: flex;
            justify-content: center;
        }
        
        .option {
            border: none;
            background: none;
            padding: 10px;
            margin: 10px;
            cursor: pointer;
            font-size: 18px;
        }
    </style>
</head>

<body>
    <div id="game-container">
        <h1>Guess the Pictogram</h1>
        <div id="question"></div>
        <div id="options">
            <button class="option"></button>
            <button class="option"></button>
            <button class="option"></button>
        </div>
        <button id="next-btn" style="display: none;">Next</button>
    </div>

var questionIndex = 0;
        var score = 0;

function startGame() {
            document.getElementById("next-btn").style.display = "none";

var questionElement = document.getElementById("question");
            var optionsElement = document.getElementById("options");
            var nextButton = document.getElementById("next-btn");

questionElement.textContent = questions[questionIndex].question;
            optionsElement.innerHTML = "";

var options = questions[questionIndex].options;
            for (var i = 0; i < options.length; i++) {
                var optionButton = document.createElement("button");
                optionButton.className = "option";
                optionButton.textContent = options[i];
                optionButton.addEventListener("click", handleOptionClick);
                optionsElement.appendChild(optionButton);
            }

nextButton.removeEventListener("click", startGame);
        }

function handleOptionClick(event) {
            var selectedOption = event.target.textContent;
            var correctAnswer = questions[questionIndex].answer;

if (selectedOption === correctAnswer) {
                score++;
            }

var options = document.getElementsByClassName("option");
            for (var i = 0; i < options.length; i++) {
                options[i].removeEventListener("click", handleOptionClick);
            }

showNextButton();
        }

function showNextButton() {
            var nextButton = document.getElementById("next-btn");
            nextButton.style.display = "block";
            nextButton.addEventListener("click", goToNextQuestion);
        }

function goToNextQuestion() {
            questionIndex++;

if (questionIndex === questions.length) {
                endGame();
            } else {
                startGame();
            }
        }

function endGame() {
            var gameContainer = document.getElementById("game-container");
            gameContainer.innerHTML = "";

var scoreElement = document.createElement("h2");
            scoreElement.textContent = "Score: " + score;
            gameContainer.appendChild(scoreElement);
        }

startGame();
    </script>
</body>

</html>
```