Ник Морган - JavaScript для детей. Самоучитель по программированию

Вызов prompt("Как вас зовут?") создает окно с запросом «Как вас

зовут?» и строкой для ввода текста. В нижней части этого диалога есть

две кнопки — «ОК» и «Отмена».

Если вы введете какой-нибудь текст и нажмете «ОК», этот текст ста-

нет значением, которое вернет в программу prompt. Например, если

я введу свое имя и нажму «ОК», JavaScript напечатает в консоли:

Привет, Ник

Поскольку я ввел Ник и нажал на «ОК», строка "Ник" попала в пере-

менную name, а вызов console.log напечатал: "Привет, " + "Ник",

то есть "Привет, Ник".

111

! Когда вы во второй раз создадите какое-либо диалоговое окно Chrome, в окне появится кнопка-флажок с подписью «Предотвратить созда-

ние дополнительных диалоговых окон на этой странице». Таким

образом Chrome защищает пользователей от веб-страниц, откры-

вающих множество назойливых рекламных окошек. Выполняя при-

меры из этой главы, просто отключите этот флажок.

А ЧТО ЕС ЛИ ВЫ НА Ж МЕ ТЕ «ОТМЕНА »?

Если вы нажмете кнопку «Отмена», prompt вернет значение null. Как

нам известно из второй главы, null используется для обозначения чего-

либо, что намеренно оставлено пустым.

После нажатия «Отмена» в консоли должно появиться:

Привет, null

В данном случае console.log печатает null как строку. Вообще-то

null строкой не является, но, поскольку в консоль можно выводить

только строки и вы попросили JavaScript напечатать "Привет, " + null,

JavaScript преобразовал null в строку "null", чтобы напечатать это

значение. Ситуация, когда JavaScript автоматически преобразует значение

к другому типу, называется неявным приведением типа .

Неявное приведение типа — пример того, как JavaScript старается быть

умным. Способа объединить строку и null не существует, и JavaScript делает

лучшее, на что он способен. В данном случае он знает, что для успешного

выполнения операции нужны две строки. Строковая версия значения null —

это "null", и в результате мы видим в консоли "Привет, null".

Используем confirm, чтобы получить

ответ «да» или «нет»

Функция confi rm позволяет задать пользова-

телю вопрос, на который он может ответить

«да» или «нет» (что соответствует булеву зна-

Confirm —

чению). В следующем примере мы исполь-

подтвердить

зуем confi rm, чтобы спросить у пользова-

Likes cats —

теля, нравятся ли ему кошки (см. рис. 7.2).

нравятся

Если получен утвердительный ответ, переменная likesCats принимает

кошки

значение true и мы печатаем: «Ты классная кошка!» Если же кошки

пользователю не нравятся, likesCats принимает значение false, и мы

отвечаем: «Что ж, не проблема. Все равно ты молодец!»

112 Часть I. Основы

var likesCats = confirm("Тебе нравятся кошки?");

if (likesCats) {

console.log("Ты классная кошка!");

} else {

console.log("Что ж, не проблема. Все равно ты молодец!");

}

Рис. 7.2. Диалог confi rm

Ответ на вопрос, заданный с помощью confi rm, возвращается в про-

грамму как булево значение. Если в окне, показанном на рис. 7.2, пользо-

ватель нажмет «ОК», confi rm вернет true. Если же пользователь нажмет

«Отмена», confi rm вернет false.

Используем alert для выдачи информации

Если требуется просто показать что-то пользователю, можно воспользо-

ваться диалогом alert, который отображает сообщение с кнопкой «ОК».

Например, если вы считаете, что JavaScript — это здорово, вы можете

использовать alert так:

alert("JavaScript это здорово!");

Alert —

предупреждение

На рис. 7.3 показано, как выглядит этот диалог.

Рис. 7.3. Диалог alert

Диалог alert просто отображает сообщение до тех пор, пока пользо-

ватель не нажмет «ОК».

7. Пишем игру «Виселица» 113

Чем alert лучше console.log?

Зачем нужен диалог alert, когда есть console .log?

Во-первых, если необходимо просто сообщить о чем-то

игроку, alert позволяет сделать именно это — не тре-

буя, чтобы игрок открыл консоль и прочитал сообщение.

Во-вторых, вызов alert (а также prompt и confi rm)

приостанавливает работу интерпретатора JavaScript

до нажатия кнопки «ОК» (или «Отмена», в случае

prompt) и — значит, у пользователя будет достаточно

времени, чтобы прочитать сообщение. А при исполь-

зовании console.log текст отображается в консоли,

а интерпретатор тут же переходит к следующей строке

программы.

Проектирование игры

Прежде чем перейти к созданию игры «Виселица», давайте подумаем

о ее структуре. Нам нужно, чтобы программа умела выполнять следую-

щие действия:

1. Случайным образом выбирать слово.

2. Запрашивать у игрока вариант ответа (букву).

3. Завершать игру по желанию игрока.

4. Проверять, является ли введенный ответ буквой.

5. Вести учет угаданных букв.

6. Показывать игроку, сколько букв он угадал и сколько еще пред-

стоит угадать.

7. Завершать игру, если слово отгадано.

Все эти действия, кроме первого и последнего (выбор слова и завер-

шение игры), нужно выполнять многократно, причем заранее неиз-

вестно, сколько раз (это зависит от ответов игрока). И, как мы теперь

знаем, если требуется повторять какие-то действия, значит, в программе

нужен цикл.

Однако в нашем списке действий ничего не говорится о том, что