Урок 21
Введение в if

красным цветом даны примечания переводчика
Концепция__Скрипт__Эффект__Разбор скрипта__Задание

Оглавление (в новом окне)

Концепция

Сегодня вы познакомитесь с командой IF (если), которая дает возможность выбора.

За IF следует условие и указание, что делать, если оно верно. Верным может быть одно условие или несколько. Скрипт знает, где начинаются и кончаются верные условия, потому что они заключены в {фигурные скобки}.

Скрипт

<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
function askuser() {
var answer=" "
var statement="Отвечай, да или нет"
var answer=prompt("Любишь горчицу?")
if ( answer == "да")
{statement="Я тоже обожаю горчицу!"}
if(answer == "нет")
{statement="Я тоже горчицу терпеть не могу!"}
alert(statement)
}
</SCRIPT>
</HEAD>

<BODY>
<h2>Горчица</h2>
<FORM>
<INPUT TYPE="button" VALUE="Жми!" onClick="askuser()">
</FORM>
</BODY>
</HTML>

 

Эффект

Горчица

.

Разбор скрипта

  • Начнем с кнопки:

    <FORM>
    <INPUT TYPE="button" VALUE="Жми!" onClick="askuser()">
    </FORM>

    Здесь ничего нового, простая форма с кнопкой, которая запускает функцию askuser() (спросить пользователя).

  • Фрагмент скрипта с функцией:

function askuser() {
var answer=" "
var statement="Отвечай, да или нет"
var answer=prompt("Любишь горчицу?")
if ( answer == "да")
{statement="Я тоже обожаю горчицу!"}
if(answer == "нет")
{statement="Я тоже горчицу терпеть не могу!"}
alert(statement)
}

  • Значение переменной answer (ответ) равно тому, что введет пользователь по запросу.
  • На все те случаи, когда пользователь не отвечает «да» или «нет», создается переменная statement (заявление).
  • Дальше запрос prompt приравнивается к answer. Теперь у нас две переменные под одним именем. Пока имейте это в виду.
  • Следом за if идет условие в (круглых скобках).
  • В условии ставим не один, а два знaка равенства ==! Одинарный знак = используется вне скобок.
  • Помните, отрезки текста ставятся в кавычки.
  • Вот как разворачивается действие:
    • Запрашивается ваше мнение;
    • Скрипт сверяет его с условиями;
    • Если ответ «да», появляется окно со словами: «Я тоже обожаю горчицу!»
    • Если ответ «нет», появляется окно со словами: «Я тоже терпеть не могу горчицу!»
    • Если ответ ни тот, ни другой, тогда переменная answer остается пустой и заявление «Отвечай, да или нет» отсылается в alert.
  • Помните, что JavaScript чувствителен к регистру. Tо есть если вы напишете «НЕТ» или «Нет», условие не будет выполнено! Чтобы условие было верно, необходимо ввести «нет». Исправить это можно, добавив еще несколько условий IF на все случаи жизни.

Ваше задание

Перепишите программу так, чтобы она спрашивала, какого вы пола. Пусть в зависимости от ответа меняется фоновый цвет страницы. Помните, что в JavaScript различаются строчные и заглавные буквы, так что будьте внимательны в своих условиях.

Возможный ответ здесь (откроется в новом окне)

Концепция__Скрипт__Эффект__Разбор скрипта__Задание

Вперед, на Урок 22

авторы Джо Бернс и Эндри Грауни. Оригинал и многое другое на английском языке © EarthWeb Inc.
Перевод, оформление и верстка © Татьяна.

Hosted by uCoz