Шрифт:
// Отыскать каждый из этих элементов по их атрибутам 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 состояния: бесполезен для закладок
}