JavaScript. Подробное руководство, 6-е издание
Шрифт:
// Отыскать каждый из этих элементов по их атрибутам id
for(var id in ui) ui[id] = document.getElementByld(id):
// Определить обработчик событий для поля ввода
ui.input.onchange = handleGuess;
// Выбрать случайное число и инициализировать состояние игры
state = {
n: Math.floor(99 * Math.random) + 1, // Целое число: 0 < n < 100
low: 0, // Нижняя граница, где находится угадываемое число
high: 100, // Верхняя граница, где находится угадываемое число
guessnum: 0, // Количество выполненных попыток угадать число
guess: undefined // Последнее число, указанное пользователем
};
// Изменить содержимое документа, чтобы отобразить начальное состояние
display(state):
// Эта функция вызывается как обработчик события onload, а также как обработчик щелчка
// на кнопке Play Again (Играть еще раз), которая появляется в конце игры.
// Во втором случае аргумент playagain будет иметь значение true, и если это так,
// мы сохраняем новое состояние игры. Но если функция была вызвана в ответ
// на событие "load", сохранять состояние не требуется, потому что событие "load"
// может возникнуть также при переходе назад по истории посещений из какого-то
// другого документа в существующее состояние игры. Если бы мы сохраняли начальное
// состояние, в этом случае мы могли бы затереть имеющееся в истории актуальное
// состояние игры. В броузерах, поддерживающих метод pushState, за событием "load"
// всегда следует событие "popstate". Поэтому, вместо того чтобы сохранять
// состояние здесь, мы ждем событие "popstate". Если вместе с ним будет получен
// объект состояния, мы просто используем его. Иначе, если событие "popstate"
// содержит в поле state значение null, мы знаем, что была начата новая игра,
// и поэтому используем replaceState для сохранения нового состояния игры,
if (playagain === true) save(state);
}
// Сохраняет состояние игры с помощью метода pushStateO, если поддерживается
function save(state) {
if (!history.pushState) return;// Вернуться, если pushState не определен
// С каждым состоянием мы связываем определенную строку URL-адреса.
// Этот адрес отображает число попыток, но не содержит информации о состоянии игры,
// поэтому его нельзя использовать для создания закладок.
// Мы не можем поместить информацию о состоянии в URL-адрес,
// потому что при этом пришлось бы указать в нем угадываемое число,
var url = "#guess" + state.guessnum;
// Сохранить объект с информацией о состоянии и строку URL
history.pushState(state, // Сохраняемый объект с информацией о состоянии
"", // Заглавие: текущие броузеры игнорируют его
url); // URL состояния: бесполезен для закладок
}
// Обработчик события onpopstate, восстанавливающий состояние приложения,
function popState(event) {
if (event.state) { // Если имеется объект состояния, восстановить его
// Обратите внимание, что event.state является полной копией
// сохраненного объекта состояния, поэтому мы можем изменять его,
// не опасаясь изменить сохраненное значение.
state = event.state; // Восстановить состояние
displayCstate); // Отобразить восстановленное состояние
}
else {
// Когда страница загружается впервые, событие "popstate" поступает
// без объекта состояния. Заменить значение null действительным
Поделиться:
Популярные книги
Кодекс Охотника. Книга XII
12. Кодекс Охотника
Фантастика:
боевая фантастика
городское фэнтези
аниме
7.50
рейтинг книги
Ожерелье Странника
Приключения:
исторические приключения
7.50
рейтинг книги
Эволюционер из трущоб. Том 12
12. Эволюционер из трущоб
Фантастика:
попаданцы
аниме
фэнтези
5.00
рейтинг книги
Лекарь Империи 15
15. Лекарь Империи
Фантастика:
городское фэнтези
аниме
фэнтези
попаданцы
6.80
рейтинг книги
Измена. Свадьба дракона
Любовные романы:
любовно-фантастические романы
эро литература
5.00
рейтинг книги
Солдат Империи
1. Страж
Фантастика:
попаданцы
альтернативная история
6.67
рейтинг книги
Инженер Петра Великого 2
2. Инженер Петра Великого
Фантастика:
попаданцы
альтернативная история
фэнтези
5.00
рейтинг книги
Третье правило диверсанта
Фантастика:
постапокалипсис
5.67
рейтинг книги
На границе империй. Том 10. Часть 4
Вселенная EVE Online
Фантастика:
боевая фантастика
космическая фантастика
попаданцы
5.00
рейтинг книги
Цеховик. Книга 1. Отрицание
1. Цеховик
Фантастика:
попаданцы
альтернативная история
5.75
рейтинг книги
Сирийский рубеж 2
6. Рубеж
Фантастика:
попаданцы
альтернативная история
5.00
рейтинг книги
Я не царь. Книга XXIV
24. Дорогой барон!
Фантастика:
юмористическое фэнтези
аниме
попаданцы
5.00
рейтинг книги
Старая школа рул
1. Второгодка
Фантастика:
альтернативная история
6.00
рейтинг книги
Наследник
3. Династия
Фантастика:
попаданцы
аниме
фэнтези
5.00