ВУЗ: Не указан
Категория: Не указан
Дисциплина: Не указана
Добавлен: 16.04.2019
Просмотров: 683
Скачиваний: 1
Вложенные условия и программирование “лесенкой”
Задача. Фирма набирает сотрудников от 25 до 50 лет включительно. Ввести возраст человека и
определить, подходит ли он фирме (вывести ответ «YES» или «NO»).
Особенность: надо проверить, выполняются ли два условия одновременно.
Можно ли решить задачу уже известными методами? Да, просто нужно будет вложить одно условие в
другое.
Эта конструкция называется “вложенное условие”. Вложенные условия часто используются
программистами, когда одним условием не обойтись. Здесь условие a<=50 будет выполняться, только
если истинно условие a>=25. Обратите внимание, как написан код программы “лесенкой”. Мы и раньше
использовали такой стиль, немного отодвигая некоторые строчки правее от края. Но это первая
программа, которая демонстрирует для чего программисты используют такой стиль. “Лесенка” помогает
увидеть вложенность блоков кода друг в друга. Чем сильнее отступ тем больше вложенность.
Благодаря
“лесенке” код становится более читабельным. Поначалу вам может быть не привычно
писать, используя такой стиль, но, чем более сложные программы вам придется писать, тем более
очевидным будет использование такого стиля.
© geekbrains.ru
15
Сложные условия
Согласитесь, что было бы проще предыдущую задачу решить, если бы у нас была возможность
поместить оба условия в одно, как на блоксхеме:
Здесь условие состоит из двух операций сравнения, объединённых логической операцией
И
. В языках
программирования условия, которые состоят из нескольких отношений, объединенных логическими
операциями, называются
сложными условиями
.
Рассмотрим логические операции в порядке приоритетов выполнения:
●
!
Отрицание если отношение истинно, то отрицание делает его ложным и наоборот;
●
&&
И сложное условие истинно, когда оба отношения истины;
●
||
ИЛИ условие истинно, когда истинно хотя бы одно из условий;
●
^ Исключающее ИЛИ условие истинно, когда истинно хотя бы одно из условий, но не оба
вместе.
Таблица истинности (0ложь, 1 истина)
A
B
A && B
A || B
A^B
!A
0
0
0
0
0
1
0
1
0
1
1
1
1
0
0
1
1
0
1
1
1
1
0
0
© geekbrains.ru
16
Тогда программа, использующая сложное условие, будет выглядеть так:
<script>
var
a
=+
prompt
(
"a:"
);
if
(
a
>=
25
&&
a
<=
50
)
{
alert
(
"YES"
);
}
else
{
alert
(
"NO"
);
}
</script>
Сравнение строк
Часто нужно получить от пользователя ответ на вопрос. В примере показано, как можно сравнить
строковые значения.
<script>
var
answer
=
prompt
(
"Are you sure?"
);
if
(
answer
==
"Yes"
||
answer
==
"yes"
||
answer
==
"YES")
{
alert
(
"Ok. Do it!"
);
}
else
{
alert("May be later...");
}
</script>
HTML+CSS=САЙТ
Мы с вами познакомились с языком программирования JavaScript, но все наши программы выглядили,
мягко говоря, не очень красиво. Для того, чтобы сделать вебстраницу более насыщенной давайте
познакомимся с языком разметки вебстраниц HTML и языком описания внешнего вида документа CSS.
Начнем с HTML
HTML
На самомто деле, все программки, которые мы с вами писали до этого, были не совсем правильными
вебстраницами. Но браузеры так устроены, что если даже вебстраница написана не правильно, он
старается отобразить информацию, так как считает нужным. Давайте посмотрим, как мы можем указать
браузеру, что и как выводить.
Наберите в текстовом редакторе следующий текст. Сохраните его под названием: index.html и откройте
в браузере просто щелкнув на файле index.html два раза.
© geekbrains.ru
17
<!DOCTYPE html>
<html>
<head>
</head>
<body>
Тело вебстраницы
</body>
</html>
Возможно, что у вас выведется текст, а может быть выведятся не понятные символы. От чего это
зависит читайте дальше.
Перед вами шаблон вебстраницы. Вебстраница состоит из тегов ключевых слов заключенных в
угловые скобки. Теги бывают парные и одинарные.
<!DOCTYPE html> это указание браузеру, что тип документа, с которым ему придется работать html.
Это одинарный тег. Он не требует закрывающего тега.
<html> </html> это парные теги внутри которых лежит вебстраница
Сама веб страница состоит из двух частей: заголовка и тела.
Заголовок помещается между тегами <head> и </head>. Здесь описывает некоторая служебная
информация, которая влияет на отображение вебстраницы.
Тело, то есть сама вебстраница, распологается между тегами <body> и </body>. Большинство текста по
описанию вебстраницы помещается сюда.
Давайте добавим в нашу вебстраницу в заголовок указание в какой кодировке вы создаете
вебстраницу, заголовок, которые будет отображатся на вкладке браузера, и некоторый произвольный
текст.
<!DOCTYPE html>
<html>
<head>
<meta
charset
=
"utf8">
<title>
Иванов Иван
</title>
</head>
<body>
<strong>
Папа у Васи силен в
математике,
</strong><br>
<em>
Учится папа за Васю весь
год,
</em><br>
<i>
Где это видано, где это
слыхано,
</i><br>
<b>
Папа решает, а Вася
сдает?
</b>
</body>
</html>
© geekbrains.ru
18
Теги strong и b делают шрифт жирным, а теги em и i наклонным. теги b и i не рекомендуются к
использованию, и здесь продемонстрированы специально, чтобы показать, что есть теги которые
дублируют свое назначение, но одни относятся к более старым версиям HTML (i и b), а другие к более
новым (strong и em)
Поначалу количество тегов в HTML может навести тоску, но они легко запоминаются, а специальные
редакторы, такие как Sublime Text или Brackets имеют встроенную контекстную подсказку по тегам, что
делает запоминание тегов еще более легким.
С HTML не много разобрались. Теперь давайте посмотрим, что такое CSS.
CSS
Для примера добавим простенький CSS прямо в заголовок нашей страницы. Для этого в между тегами
head добавим парный тег style, а внутри него код CSS.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf8">
<title>Иванов Иван</title>
<style>
strong
{
color:red;
}
.my_style
{
fontsize:30px;
color:blue;
}
</style>
</head>
<body>
<strong>Папа у Васи силен в математике,</strong><br>
<em class="my_style">Учится папа за Васю весь год,</em><br>
<i>Где это видано, где это слыхано,</i><br>
<b>Папа решает, а Вася сдает?</b>
</body>
</html>
CSS задает стиль отображения информации. Здесь мы продемонстрировали два способа задания
стиля. Первый, strong мы описали без точки вначале, что означает, что этот стиль применяется для
всех тегов strong на этой странице. Второй, .my_style с точной в начале мы создали класс стиля,
который потом можно назначать на вебстранице, что мы и сделали назначив этот стиль тексту
заключенному между тегами em. Сами же стили довольно простые, в первом случаем мы указали, что
© geekbrains.ru
19