Недавно осваивать JavaScript начал и мой сын. И сейчас он с удовольствием читает книгу Ника Моргана Javascript для детей. Самые любопытные могут скачать и почитать эту книгу тут:
Читая с сыном книгу Ника Моргана Javascript для детей, не могла не сохранить себе в коллекцию первую игру c этой книги — Игра Виселица (Hangman).
Игра написана самыми простыми циклами и набором переменных, без функций, с помощью сигнальных диалогов.
Я внесла всего несеолько самых незначительный изменений, чтобы игра стала чуть чуть понятнее, и сузила набор слов для угадывания. В моей версии только животные.
А вот и полный код игры:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 |
<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 для детей — примеры