Условный оператор

1. Условный оператор

• if (условие) else – if
• если – иначе – если

2. Условие if

Если для выполнения условия надо
выполнить несколько инструкций,
они заключатся в фигурные скобки{}
• if - else - if:
Самостоятельно
• Для приведенного примера
добавить условие равенства 20
В JavaScript используются операторы
сравнения:
– == равно
– != не равно
– < или > меньше или больше
– <= или >=
– && логическое и
– || логическое или
Пояснения: Инструкция prompt ()
позволяет ввести значение
переменной с клавиатуры
<script type="text/javascript">
a=prompt ("введите число")
if (a<20) document.write("Вы еще
молоды")
else document.write("Вы уже не молоды")
</script>
count=prompt ("введите число")
if (count < 100) {
document.write("Значение count
меньше 100")
} else if (count <= 200) {
document.write("Значение count
между 100 и 200 включительно")
} else {
document.write("Значение count
больше 200")
}

3. Практика 1

• Введите массив студентов:
• students = ["Абаканов Сергей", "Гагарин
Матвей", "Хантухова Лейла", "Алалина
Алина", "Сакуров Иоган"]
• Напишите условие, которое проверяет, если
количество элементов в массиве больше или
равно 3, то выводится сообщение о том, что
это большой массив, в котором как минимум
3 элемента, а иначе, выведите на экран
сообщение о том, что это маленький массив,
в котором менее 3-х элементов.

4. Практика 2

• У Вас есть массив: students =
["Дмитрий", "Алексей", "Петр", "Виктор"]
• Вам нужно написать условие, что, если
длина этого массива равна 4 и
последним элементом является
"Виктор", то вывести на экран
сообщение "Этот массив мне
подходит", а иначе вывести на экран,
что массив вам не подходит.

5. Практика 3

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

6. Пустое условие

If (couter) {
document.write(“истина”)
}
else {
document.write(“ложь”)
}
В этом условии ложь будет выводиться только для нулевого значения
counter или пустой текстовой строки, во всех остальных случаях
результатом будет истина.
Проверить, введя программу.

7. Булевые (логические) переменные

True
(истина)
False
(ложь)
В предыдущем примере в качестве
переменной couter введите значение
true или false (вводятся без кавычек).

8. Дата и время

Ввести программу для даты и
времени. Проверить как работает.

9. Практика 4

• Написать программу обратного отсчета
времени до заданной даты и
определенного времени (например
чемпионата мира по футболу в 2018
году или до наступления лета).
*Использовать встроенные переменные
из таблиц на следующем слайде

10. Методы при работе с датой и временем

Методы изменения компонентов даты-времени
Методы получения компонентов даты-времени
setFullYear
Устанавливает год.
setMonth
Устанавливает месяц.
Возвращает день месяца (число в
месяце).
setDate
Устанавливает дату в месяце (день месяца).
getHours
Возвращает час.
setHours
Устанавливает час.
getMinutes
Возвращает минуту.
setMinutes
Устанавливает минуту.
getSeconds
Возвращает секунду.
getMilliseconds
Возвращает миллисекунду.
setSeconds
Устанавливает секунду.
getDay
Возвращает номер деня недели.
setMilliseconds
Устанавливает миллисекунду.
getTime
Возвращает миллисекундное
смещение, хранимое
объектом.
setTime
Устанавливает миллисекундное смещение
относительно 00:00:00 01.01.1970
getFullYear
Возвращает год (например, 2011).
getMonth
Возвращает месяц.
getDate

11. Функции форматирования и вывода даты-времени

toString
Возвращает строковое представление даты и времени.
toUTCString
Возвращает строковое представление даты и времени с пересчётом на время UTC.
Формат возвращаемой строки учитывает все интернет-стандарты.
toGMTString
Возвращает строковое представление даты и времени с пересчётом на время GMT (время
по Гринвичу). Формат возвращаемой строки учитывает все интернет-стандарты.
toLocaleString
Аналог toString, но возвращает строковое представление даты и времени,
отформатированное в соответствии с настройками локализации данного пользователя.
toTimeString
Возвращает строковое представление времени (строка содержит только время).
toDateString
Возвращает строковое представление даты (строка содержит только дату).
toLocaleTimeString
Аналог toTimeString, но возвращает строковое представление времени,
отформатированное в соответствии с настройками локализации пользователя.
toLocaleDateString
Аналог toDateString, но возвращает строковое представление даты, отформатированное в
соответствии с настройками локализации пользователя.

12. Работа с датой getTime

now= new Date() создание переменной с сегодняшней датой
document.write(now.getTime())
Любая дата в JavaScript представляет из себя числовой результат в
миллисекундах, прошедших с 1 января 1970 года.
document.write(now.getTime()/1000) количество секунд
document.write(now.getTime()/(1000*60)) количество минут
document.write(now.getTime()/(1000*60*60)) количество часов
…..
now= new Date(год, месяц, день, часы, минуты, секунды) создание
переменной с любой датой (первый месяц нулевой)

13. Практика 5

Написать функцию, которая выводит на экран дату, которая наступит
через n дней от сегодняшней.
n - количество дней, которое нужно запросить у пользователя при загрузке
страницы.
Это значение передаете в функцию в качестве параметра.
Например так (пример для ввода числа 79):
Через 79 дней будет вот такая дата:
День недели: Воскресенье
Число: 10
Месяц: Октябрь
Год: 2018
При этом пользователь должен ввести число от 1 до 1000.
Если он не попал в интервал или ввел не число, то надо вывести ошибку.
Проверку можно осуществлять за пределами функции.

14. Практика 6

Задание 1. Пользователь вводит в текстовое поле время в часах (например 18).
Если время больше 17, то выводится сообщение «Добрый вечер». В любых
других случаях — «Добрый день».
Задание 2. Пользователь вводит в текстовое поле имя. Если введенное имя
Jonh — то выводится сообщение «Привет Jonh». В противном случае —
сообщение «Я вас не знаю».
Задание 3. Пользователь вводит в текстовое поле имя, а во второе текстовое
поле — пароль. Если пользователь ввел:
ivan -> 333
ssss-> 666
gibs ->0000
То вывести — «Доброе пожаловать», в противном случае: «Пользователь не
найден».
Задание 4. Пользователь вводит массив из 10 произвольных чисел. Найти
минимальное. Учесть вариант равенства чисел.

15. Пройти тест

• https://learn.javascript.ru/quiz/js-basic
• Результат показать преподавателю.