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

No:18827

32

Message
Developer User7816｜Date and time 23/9/30 18:51:01
Build time 11.751 sec｜Game capacity 3.2KB｜

Хорошо, я создам игру для вас. Вот пример кода HTML с JavaScript, реализующий игру "Угадай пиктограмму":

Угадай пиктограмму

Кликай на пиктограммы, чтобы угадать, что они означают!

Твой счет: 0

В этой игре, у вас будет 4 пиктограммы, и ваша задача - угадать, какая из них правильная. Когда вы кликаете на пиктограмму, она проверяется с помощью функции `checkAnswer`. Если выбранная пиктограмма является правильным ответом (в данном случае, это пиктограмма номер 2), вы получите одно очко, в противном случае - ничего не произойдет. Ваш текущий счет отображается в блоке с id "score". После каждого выбора пиктограммы, она будет сброшена и выбранная пиктограмма изменится на случайную. Пожалуйста, убедитесь, что вы заменили идентификаторы `emozi_dog.png`, `emozi_himawari.png`, `emozi_cat.png` и `emozi_rabbit.png` на фактические имена файлов изображений, которые вы хотите использовать для игры. Надеюсь, вам понравится эта игра!

→ 　

0　

0　

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

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

(C)2023 HisashiApp

Хорошо, я создам игру для вас. Вот пример кода HTML с JavaScript, реализующий игру "Угадай пиктограмму":

```html
<!DOCTYPE html>
<html>
<head>
    <title>Угадай пиктограмму</title>
    <style>
        #score {
            margin-top: 20px;
            font-size: 18px;
            font-weight: bold;
        }
    </style>
</head>
<body>
    <h1>Угадай пиктограмму</h1>
    <p>Кликай на пиктограммы, чтобы угадать, что они означают!</p>
    <div id="gameArea">
        <img src="pictogram1.png" id="pictogram" width="200" height="200" onclick="checkAnswer(1)">
        <img src="pictogram2.png" id="pictogram" width="200" height="200" onclick="checkAnswer(2)">
        <img src="pictogram3.png" id="pictogram" width="200" height="200" onclick="checkAnswer(3)">
        <img src="pictogram4.png" id="pictogram" width="200" height="200" onclick="checkAnswer(4)">
    </div>
    <div id="score">Твой счет: 0</div>

<script>
        var score = 0;

function checkAnswer(selectedOption) {
            if (selectedOption == 2) {
                score++;
                alert("Правильный ответ!");
            } else {
                alert("Неправильный ответ!");
            }
            updateScore();
            resetPictogram();
        }

function updateScore() {
            document.getElementById("score").innerHTML = "Твой счет: " + score;
        }

function resetPictogram() {
            var pictograms = document.getElementsByClassName("pictogram");
            var randomIndex = Math.floor(Math.random() * pictograms.length);
            for (var i = 0; i < pictograms.length; i++) {
                pictograms[i].src = "pictogram" + (i + 1) + ".png";
            }
        }
    </script>
</body>
</html>
```

В этой игре, у вас будет 4 пиктограммы, и ваша задача - угадать, какая из них правильная. Когда вы кликаете на пиктограмму, она проверяется с помощью функции `checkAnswer`. Если выбранная пиктограмма является правильным ответом (в данном случае, это пиктограмма номер 2), вы получите одно очко, в противном случае - ничего не произойдет. Ваш текущий счет отображается в блоке с id "score". После каждого выбора пиктограммы, она будет сброшена и выбранная пиктограмма изменится на случайную.

Пожалуйста, убедитесь, что вы заменили идентификаторы `pictogram1.png`, `pictogram2.png`, `pictogram3.png` и `pictogram4.png` на фактические имена файлов изображений, которые вы хотите использовать для игры.

Надеюсь, вам понравится эта игра!