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

No:13940

A game with creating profile and age and gender
Developer User6030｜Date and time 23/8/30 17:53:36
Build time 19.098 sec｜Game capacity 2.597KB｜

Script

Игра: Создание профиля

Имя:

Возраст:

Пол:

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>Игра: Создание профиля</title>
    <style>
      body {
        font-family: Arial, sans-serif;
      }
      .container {
        text-align: center;
        padding-top: 100px;
      }
      .input-container {
        margin-bottom: 20px;
      }
      input[type="text"],
      input[type="number"],
      select {
        padding: 8px;
        font-size: 16px;
      }
      button {
        padding: 10px 20px;
        font-size: 16px;
        background-color: #4CAF50;
        color: white;
        border: none;
        cursor: pointer;
      }
      .message-container {
        margin-top: 20px;
        display: none;
      }
      .message {
        font-size: 16px;
        color: #4CAF50;
      }
    </style>
  </head>
  <body>
    <div class="container">
      <h1>Игра: Создание профиля</h1>
      <div class="input-container">
        <label for="name">Имя:</label>
        <br>
        <input type="text" id="name" required>
      </div>
      <div class="input-container">
        <label for="age">Возраст:</label>
        <br>
        <input type="number" id="age" required>
      </div>
      <div class="input-container">
        <label for="gender">Пол:</label>
        <br>
        <select id="gender" required>
          <option value="">Выберите пол</option>
          <option value="male">Мужской</option>
          <option value="female">Женский</option>
        </select>
      </div>
      <button onclick="startGame()">Начать игру</button>
      <div id="message-container" class="message-container">
        <p id="message" class="message"></p>
      </div>
    </div>

if (name.trim() === '' || age.trim() === '' || gender === '') {
          displayMessage('Пожалуйста, заполните все поля.');
        } else {
          // Игровая логика
          // TODO: Добавьте свою игровую логику здесь
        }
      }

function displayMessage(message) {
        const messageContainer = document.getElementById('message-container');
        const messageElement = document.getElementById('message');
        messageElement.innerText = message;
        messageContainer.style.display = 'block';
      }
    </script>
  </body>
</html>