AI game creator

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

No:19972

109

←

Prev Next

→

Paint
Developer User8892｜Date and time 23/10/7 16:09:12
Build time 21.334 sec｜Game capacity 4.111KB｜

Script

Конечно, вот пример кода игры, реализованной в виде одного HTML файла с использованием JavaScript и заключенного в теги script:

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

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Игра "Угадай пиктограмму"</title>
  <style>
    body {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      font-family: Arial, sans-serif;
    }
    #game {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    #picture {
      font-size: 50px;
      margin-bottom: 20px;
    }
    #guess-input {
      padding: 10px;
      font-size: 18px;
      width: 200px;
      text-align: center;
    }
    #submit-btn {
      padding: 10px;
      background-color: #008cba;
      color: #fff;
      border: none;
      cursor: pointer;
    }
    #result {
      margin-top: 20px;
      font-weight: bold;
    }
  </style>
</head>
<body>
  <div id="game">
    <div id="picture"></div>
    <input type="text" id="guess-input" placeholder="Напишите свой ответ">
    <button id="submit-btn">Проверить</button>
    <p id="result"></p>
  </div>

const pictureElement = document.getElementById('picture');
    const guessInputElement = document.getElementById('guess-input');
    const submitButtonElement = document.getElementById('submit-btn');
    const resultElement = document.getElementById('result');

let currentPictureIndex = 0;

function displayNextPicture() {
      pictureElement.innerHTML = pictures[currentPictureIndex].name;
      guessInputElement.value = '';
      resultElement.innerHTML = '';
    }

submitButtonElement.addEventListener('click', checkAnswer);

displayNextPicture();
  </script>
</body>
</html>
```