Categories: JavaScript

Игра Hangman (Виселица) на Javascript | Ник Морган – Javascript для детей | Уроки Javascript

Недавно осваивать JavaScript начал и мой сын. И сейчас он с удовольствием читает книгу Ника Моргана Javascript для детей. Самые любопытные могут скачать и почитать эту книгу тут:

Читая с сыном книгу Ника Моргана Javascript для детей, не могла не сохранить себе в коллекцию первую игру c этой книги – Игра Виселица (Hangman).
Игра написана самыми простыми циклами и набором переменных, без функций, с помощью сигнальных диалогов.
Я внесла всего несеолько самых незначительный изменений, чтобы игра стала чуть чуть понятнее, и сузила набор слов для угадывания. В моей версии только животные.

Играть в игру

А вот и полный код игры:

<html>
  <head>
    <meta charset="utf-8">
    <title>Игра Виселица!</title>
  </head>
  <body>
    <h1 id="main-heading"><center>Игра Виселица!</center></h1>
  
<script>

// Создаем массив из слов
var words = [
"черепаха",
"обезьяна",
"слон",
"жираф",
"собака",
"кошка",
"варан",
"кит",
"хамелеон",
"бегемот",
"верблюд",
"мышь",
"хомяк",
"заяц",
"лиса",
"волк",
"медведь"
];

// Выбираем случайное слово
var word = words[Math.floor(Math.random() * words.length)];

// Устанавливаем массив ответов 
var answerArray = [];
for (var i = 0; i < word.length; i++) {
  answerArray[i] = "_";
}

var remainingLetters = word.length;

// ИГРОВОЙ ЦИКЛ
while (remainingLetters > 0) {
// Показываем игроку его проегрсс
alert("Угадайте животное:\n" + answerArray.join(" "));

// Получаем варианты ответов от игрока
var guess = prompt("Введите букву (только маленькие буквы), или нажми Отмена для завершения игры.");
if (guess === null) {
// Выход из игровог цикла
break;
} else if (guess.length !== 1) {
alert("Пожалуйста введите одну букву");
} else {
// Обновляем состояние игры с помощью измененного параметра guess
for (var j = 0; j < word.length; j++) {
  if (word[j] === guess) {
    answerArray[j] = guess; 
 remainingLetters--;
  }
}
}

// КОНЕЦ игрового цикла
}

// Показваем ответ и поздравляем игрока


 if (remainingLetters===0) {
 alert("ОТВЕТ: \n" + answerArray.join(" "));
 alert("МОЛОДЕЦ! Ответ " + word);
   }
   else {
  alert("Очень ждаль :-(\nДо скорой встречи!");
   }

</script>  
 </body>
</html>

А если Вы хотите посмотреть еще примеры с этой игры то вам сюда: Ник Морган – Javascript для детей – примеры

Share
Tags: hangman javascript javascript javascript для детей javascript для детей ник морган виселица все игры игра виселица javascript hangman игра слова играть в игры игри игры игры для детей игры для мальчиков игры онлайн онлайн игры

Recent Posts

  • Excel

Как правильно открыть CSV с многострочными ячейками в Excel

Если при открытие csv файла с помощью excel У все поехали ячейки - это простой… Read More

% дней назад
  • Python

Загрузка проекта на Github и Автодеплой на сервер

Простые шаги как происходит Загрузка проекта на Github и Автодеплой на сервер Сделайте работу проще! Read More

% дней назад
  • Python
  • Полезная минутка

Миграция базы данных в проектах Python

Миграция базы данных - помогают с этим библиотеки SQLAlchemy и Alembic. Read More

% дней назад
  • Python

Команды Git – Шпаргалка по основным командам Git

Основные Команды Git, которые точно пригодятся. Сохрани себе шпаргалку Git Read More

% дней назад
  • Python

Установка PostgreSQL на сервер Ubuntu и подключение через pgAdmin

Установка PostgreSQL на сервер Read More

% дней назад
  • Полезная минутка

Как создать PrimaryKey для таблицы в PostgreSQL

Как создать PrimaryKey в талице базы данных SQL [РЕШЕНО] Ошибка relation tablename_id_seq doesn't exist Read More

% дней назад