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

No:20321

44

Password game
Developer User8892｜Date and time 23/10/9 5:13:18
Build time 14.049 sec｜Game capacity 3.433KB｜

ОК, я создам простую игру на основе паролей с использованием пиктограмм. Вот код игры:

Игра в пароли

Введите пароль:

машина

книга

футбол

музыка

В данной игре, пользователю предлагается выбрать пиктограмму, которая будет являться паролем. Затем он должен ввести этот пароль в поле ввода и нажать кнопку "Проверить". Если введенный пароль совпадает с выбранной пиктограммой, выводится сообщение о победе. Если пиктограмма не выбрана, выводится соответствующее сообщение. В противном случае, выводится сообщение о неверном пароле и предлагается попробовать снова. Пожалуйста, поместите изображения пиктограмм (`emozi_all/car.png`, `emozi_hamuster.png`, `emozi_dog.png`, `emozi_himawari.png`) в папку `images` в той же директории, что и файл HTML, чтобы они отображались в игре.

→ 　

0　

0　

[PR]現在の欲しいものランキング

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

(C)2023 HisashiApp

ОК, я создам простую игру на основе паролей с использованием пиктограмм. Вот код игры:

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Игра в пароли</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
        }
        h1 {
            color: #333;
        }
        #password-input {
            margin: 20px auto;
            padding: 10px;
        }
        img {
            width: 100px;
            height: 100px;
            margin: 10px;
            cursor: pointer;
        }
        #result {
            color: #f00;
            font-weight: bold;
        }
    </style>
</head>
<body>
    <h1>Игра в пароли</h1>
    <div id="password-input">
        <label for="password">Введите пароль:</label>
        <input type="password" id="password" placeholder="Пароль">
        <button onclick="checkPassword()">Проверить</button>
    </div>
    <div id="password-pictograms">
        <img src="images/car.png" alt="машина" onclick="selectPictogram('car')">
        <img src="images/book.png" alt="книга" onclick="selectPictogram('book')">
        <img src="images/football.png" alt="футбол" onclick="selectPictogram('football')">
        <img src="images/music.png" alt="музыка" onclick="selectPictogram('music')">
    </div>
    <div id="result"></div>

<script>
        var selectedPictogram = '';

function selectPictogram(pictogram) {
            selectedPictogram = pictogram;
            document.getElementById('result').innerText = '';
        }

function checkPassword() {
            var password = document.getElementById('password').value;
            if (password === selectedPictogram) {
                document.getElementById('result').innerText = 'Пароль верный! Вы победили!';
            } else if (selectedPictogram === '') {
                document.getElementById('result').innerText = 'Выберите пиктограмму перед проверкой пароля!';
            } else {
                document.getElementById('result').innerText = 'Пароль неверный! Попробуйте еще раз.';
            }
        }
    </script>
</body>
</html>
```

В данной игре, пользователю предлагается выбрать пиктограмму, которая будет являться паролем. Затем он должен ввести этот пароль в поле ввода и нажать кнопку "Проверить". Если введенный пароль совпадает с выбранной пиктограммой, выводится сообщение о победе. Если пиктограмма не выбрана, выводится соответствующее сообщение. В противном случае, выводится сообщение о неверном пароле и предлагается попробовать снова.

Пожалуйста, поместите изображения пиктограмм (`car.png`, `book.png`, `football.png`, `music.png`) в папку `images` в той же директории, что и файл HTML, чтобы они отображались в игре.