Yutex - Платный хостинг PHP.
Advego.ru - система покупки и продажи контента для сайтов, форумов и блогов

Технические фишки инфобизнеса 2014

Статьи для сайтов!!!
Операторы И ИЛИ Несколько условий Условия ИСТИНА и ЛОЖЬ

Несколько условий одновременно в JavaScript - операторы If Else

Условия в JavaScript - Конструкция IF-ELSE

Урок №3 Несколько условий

Количество просмотров: 1646

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

И снова для большей наглядности мы сначала рассмотрим жизненный пример.

Допустим, человек идёт в магазин и рассуждает: я иду в магазин за пряниками. Если их не будет, то я куплю печение. Если не будет печения, то куплю вафли. Если и их не будет, то уйду ни с чем.

То есть мы рассматриваем ситуацию, когда есть несколько условий Если.

Несколько условий в JavaScript - операторы If Else

Несколько условий в JavaScript - операторы If Else

В JavaScript также есть решения на подобные ситуации, и мы их будем реализовывать.

Давайте это сделаем для описанного выше примера из жизни с магазином и выпечкой. Запрограммируем описанные обстоятельства, когда у нас есть несколько условий, используя операторы If Else.

<script type="text/javascript">

var vafli = "нет", pechenie = "нет", pryanik = "нет"; /* создаём три переменных: Вафли, Печение и Пряники */

if(vafli == "да") /* Если есть Вафли, то... */

{

document.write("Я покупаю Вафли");

}

else if(pechenie == "да") /* Если есть Печение, то... */

{
document.write("Я покупаю Печение");
}

else if(pryanik == "да") /* Если есть Пряники, то... */

{
document.write("Я покупаю Пряники");
}

else /* Иначе... */

{
document.write("Пойду домой ни с чем...");
}

</script>

Пойду домой ни с чем...

В приведённом примере переменным vafli, pechenie и pryanik изначально присвоены значения "нет". Затем составлены три условия с проверкой об их наличии. Но так как в магазине изначально их "нет", то выполняется последнее действие, следующее за оператором Else - "Пойду домой ни с чем...".

Обратите внимания, в этом примере и далее. Для того, чтобы работали несколько условий одновременно, программный код JavaScript составлен таким образом, что сразу после оператора Else следует оператор If с новым условием.

Но вернёмся к примеру...

Если же для любой из переменных изменить значение на "да", то мы купим один из соответствующих товаров. Смотрите пример ниже...

<script type="text/javascript">

var vafli = "нет", pechenie = "да", pryanik = "нет";

/* создаём три переменных: Вафли, Печение и Пряник */

if(vafli == "да") /* Если есть Вафли, то... */

{

document.write("Я покупаю Вафли");

}

else if(pechenie == "да") /* Если есть Печение, то... */

{
document.write("Я покупаю Печение");
}

else if(pryanik == "да") /* Если есть Пряники, то... */

{
document.write("Я покупаю Пряники");
}

else /* Иначе... */

{
document.write("Пойду домой ни с чем...");
}

</script>

Я покупаю Печение

Вот так программируются в JavaScript ситуации, когда работают несколько условий одновременно.

Домашнее задание - Несколько условий If Else в JavaScript

Домашнее задание - Несколько условий  If Else в JavaScript

Теперь, когда мы проработали ситуацию с несколькими условиями If Else в JavaScript, можно самостоятельно реализовать ещё один пример, выполнив домашнее задание на эту тему.

Напишите множественное условие для действий при различных сигналах светофора.

Если сигнал красный, то надо стоять, иначе, если желтый, то надо приготовиться, а иначе, можно идти.

Рассмотрим два немного различных варианта решения этой задачи.

В первом варианте, создаём переменные red и yellow для красного и жёлтого сигналов светофора соответственно. В том случае, если переменным red или yellow присвоены значения "нет", горит зелёный сигнал светофора и выводиться сообщение, разрешающее переходить дорогу.

<script type="text/javascript">

var red = "нет", yellow = "нет";

if (red == "да") /* Если горит красный сигнал */
{
document.write("При красном сигнале стоим - дорогу переходить нельзя!");
}

else if(yellow == "да") /* Если горит жёлтый сигнал */
{
document.write("При жёлтом сигнале нужно приготовиться, но дорогу пока переходить нельзя!");
}

else /* Иначе... */
{
document.write("Зелёный сигнал - переходим дорогу...");
}

</script>

Зелёный сигнал - переходим дорогу...

Если же любой из переменных red или yellow присвоить значение "да", то Вы увидите одно из запрещающих сообщений. Давайте продемонстрируем это в следующем примере.

<script type="text/javascript">

var red = "нет", yellow = "да";

if (red == "да") /* Если горит красный сигнал */
{
document.write("При красном сигнале стоим - дорогу переходить нельзя!");
}

else if(yellow == "да") /* Если горит жёлтый сигнал */
{
document.write("При жёлтом сигнале нужно приготовиться, но дорогу пока переходить нельзя!");
}

else /* Иначе... */
{
document.write("Зелёный сигнал - переходим дорогу...");
}

</script>

При жёлтом сигнале нужно приготовиться, но дорогу пока переходить нельзя!

Во втором варианте для решения домашнего задания создаём одну переменную signal – от её значения зависит, какую команду, соответствующую, определённому сигналу светофора мы увидим.

<script type="text/javascript">

var signal = "...";

if (signal == "red") /* Если горит красный сигнал */
{
document.write("Идти нельзя!");
}

else if(signal == "yellow") /* Если горит жёлтый сигнал */
{
document.write("Приготовиться...");
}

else /* Иначе... */
{
document.write("Переходим дорогу");
}

</script>

Переходим дорогу

Как видите, при произвольном значении переменной signal мы Переходим дорогу, так как подразумевается, что горит зелёный сигнал светофора. Если же ей присвоить значение "red" или "yellow", то мы увидим соответствующее сообщение. Смотрите пример ниже...

<script type="text/javascript">

var signal = "red";

if (signal == "red") /* Если горит красный сигнал */
{
document.write("Идти нельзя!");
}

else if(signal == "yellow") /* Если горит жёлтый сигнал */
{
document.write("Приготовиться...");
}

else /* Иначе... */
{
document.write("Переходим дорогу");
}

</script>

Идти нельзя!

Главная Изучаем JavaScript Несколько условий Условия ИСТИНА и ЛОЖЬ

Ваши комментарии к уроку:

Комментариев нет...

Добавить комментарий:

Ваше Имя:*
Комментарий:*
Ответьте на вопрос: *
Сколько дней в Високосном году?
* - поля обязательные для заполнения.
JavaScript
Частота просмотра уроков
Дизайн сайтов
ПОИСК ПО САЙТУ:

Моё имя Антон. Связаться со мною Вы можете по e-mail: averagev@mail.ru