Далее на странице...
Самостоятельно выполните практическую задачу по реализации ситуации с несколькими условиями, используя операторы 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 не присвоено значение, поэтому после прохождения цикла условий подразумевается, что горит зелёный сигнал светофора. И выполняется действие «Переходим дорогу».
Если переменной 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>
Идти нельзя!