Умовні конструкції Javascript

Умовні
конструкції
Javascript
Умовний
оператор
IF
Синтаксис:
if (умова)
{
// якщо істина
operator1;
operator2;
Блок операторів в { } - це складений
}
оператор, що поєднує кілька операторів в
else
конструкції. Дужки можна опустити,
{
якщо всередині конструкції тільки один
// якщо хибна
оператор.
operator3;
operator4;
}
• Частина конструкції після службового

слова else - необов'язкова.
В умови використовуються наступні
операції відношень:
< Менше
> Більше
<= Менше або рівне
>= Більше або рівне
== Рівне (порівняння)
!= не дорівнює
=== Порівняння з урахуванням типу (ідентичність)
Важливо: Ідентичність (===) вимагає збігу типу і

значення змінної, тоді як для рівності (==) досить тільки
співпадаючих значень!!!
Приклад 1:
<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<title>
Вивчаємо JavaScript
</title>
</head>
<body>
<script>
var a=prompt("Введіть найбільшу цифру у 8-й системі числень")
if (a != 7)
{
// якщо істина
alert( "Невірно!" );
}
else
{
// якщо хибна
alert( "Вірно!" );
}
</script>
</body>
</html>
Приклад 2: виводити в модальне вікно «а більше
1», якщо запитана змінна a дійсно більше одиниці,
інакше виводити повідомлення «а не більше 1»
<!DOCTYPE html>
Розв’язок: <head>
• Створіть веб-сторінку з html-
<title>
скелетом і тегом script.
• У коді для javascript ініціалізуйте
</title>
змінну a методом prompt () -
</head>
модального вікна для введення:
<body>
var a = prompt ( "Введіть число");
<script>
• Перетворіть змінну в числовий тип:
var a=prompt("Введіть a");
a = parseInt(a);
a = parseInt(a);
• Введіть умову перевірки, видавши
if (a > 1)
результат за допомогою методу alert
alert("а більше 1")
()
else
if (a > 1)
alert("а небільше 1");
alert("а більше 1")
</script>
else
</body>
alert("а небільше 1");
</html>
Кілька умов або складні умови
Символ Що означає? Приклад
в javascript
! заперечення НЕ if (!x)
&& в javascript І if (x>1 && x<5)

|| в javascript АБО if (x>1 || y>1)
Приклад 3:
Запитувати у користувача ім'я (метод javascript
prompt). Якщо ім'я введено, то виводити
"Привіт, ім'я!". Якщо користувач не ввів ім'я або
клацнув cancel (значення null) виводити
"Привіт, незнайомцю!"
Розв’язок:
• Створіть веб-сторінку з html-скелетом і тегом script.

• У коді для javascript ініціалізуйте змінну name методом
prompt () - модального вікна для введення:
var name = prompt ( "Введіть ім’я");
• Введіть умовний оператор для обробки клацання по кнопці
cancel і для порожнього введення:
if (! name || name == "null")
document.write ( "Привіт, незнайомцю!")
(перевірка! name за правилом брехні означає, що
рядкова змінна порожня (тобто користувач нічого не ввів);
перевірка name == "null" означає, що користувач клацнув по
кнопці Скасування (cancel); || - означає логічне АБО, тобто
хоча б одна з умов має бути істинною)
• Для блоку Інакше (else) організуйте висновок відповідного
повідомлення із значенням імені:
else
document.write ( "Привіт,", name, "!");
<!DOCTYPE html>
<head>
<title>
</title>
</head>
<body>
<script>
var name = prompt ( "Введіть ім'я");
if (! name || name == "null")
document.write ( "Привіт, незнайомцю!")
else
document.write ( "Привіт, ", name, "!");
</script>
</body>
</html>
Приклад 4:
Користувач вводить тризначне число (метод
javascript prompt). Перевірити, чи всі його цифри
рівні.
<!DOCTYPE html>
<head>
<title>
</title>
</head>
<body>
<script>
var a = prompt ( "Введіть число");
a1=Math.trunc(a/100);
a3=a%10;
a2=Math.trunc(a/10)%10;
if (a1==a2 && a2==a3)
document.write ( "YES!")
else
document.write ( "NO");
</script>
</body>
</html>
Завдання для самопідготовки
1. Написати програму, яка по паролю визначає рівень доступу співробітника до секретної
інформації в базі даних.
Доступ до бази даних мають співробітники, розбиті на три групи за рівнями доступу. Вони
мають такі паролі:
9583, 1747 - видавати повідомлення "доступні модулі баз А, В і С";
3331, 7922 - видавати повідомлення "доступні модулі баз В і С";
9455, 8997 - видавати повідомлення "доступний модуль бази С".
2. Запитувати у користувача вік (метод prompt ()).
Залежно від введеного віку видавати повідомлення «Ви занадто молоді» (в разі введеного
значення менше 20 років) або «Ви нам підходите» (в разі введеного значення більш рівного 20
років).
Підсумкове повідомлення виводити за допомогою методу document. write ().
3. Складіть програму, яка обчислює значення y , для будь-якого дійсного X, що введено з
клавіатури.
а) б)
в) г)
4. Визначити найменше число з трьох заданих чисел.
5. Дано ціле число. Визначте, чи воно парне.
6. Дано два цілих числа A та B. Визначте, чи є число B дільником числа A.
7. Дано шестизначне число. З’ясувати, чи являється воно щасливим.
8. Дано ціле трьохзначне число. Визначте, чи кратна п’яти сума його
цифр.
9. Дано дійсне число X. Визначте, чи належить воно інтервалу [-5;5].
10. Дано A,B,C – сторони трикутника. Чи є цей трикутник
рівностороннім?
11. Дано A,B,C – сторони трикутника. Чи є цей трикутник
різностороннім?
12. Дано A,B,C – кути трикутника. Чи є цей трикутник гострокутним?
13. Дано дійсні додатні числа a, b, c. З’ясуйте, чи існує трикутник з такими
сторонами.
14. Дано дійсні числа a, b. Розв’язати рівняння ax2+b=0.
15. Дано дійсні числа b, c. Розв’язати рівняння bx2-2c=0.
16. Дано дійсні числа a, c. Розв’язати рівняння ax4+c=0.
17. Дано дійсні числа a, b, c. Розв’язати квадратне рівняння ax2+bx+c=0.
Приклад творчого рівня (мінімум 5 розгалужень, обов’язково

вкладені). Не обов’язково математичні. Наприклад.
Дано дійсні числа a, b, c. Розв’язати біквадратне рівняння ax4+bx2+c=0.
Розв’язки оформити у вигляді сайту , запускається файлом index.html.
Для всіх завдань створити таблицю каскадних стилів, яка для вхідних та вихідних
даних робить різне форматування (колір, розмір шрифту, фон під літерами).
Наприклад, вигляд:
index.html
Задачі Прізвище учня
3а) , 5, 10, 17 + творчий Баженова, Бородай, Жигарєв, Рожко
3б), 6, 11, 16 + творчий Лобко, Матієнко, Овсяник
3в), 7, 12, 15 + творчий Мичка, Панченко, Скрипаль
3г),8, 13, 14 + творчий Рєзник, Шумейко, Скубеник

Умовні конструкції Javascript

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Умовні конструкції Javascript

Uploaded by

Copyright:

Available Formats

Умовні

• Частина конструкції після службового

Важливо: Ідентичність (===) вимагає збігу типу і

&& в javascript І if (x>1 && x<5)

• Створіть веб-сторінку з html-скелетом і тегом script.

Приклад творчого рівня (мінімум 5 розгалужень, обов’язково

Задачі Прізвище учня

3а) , 5, 10, 17 + творчий Баженова, Бородай, Жигарєв, Рожко

3б), 6, 11, 16 + творчий Лобко, Матієнко, Овсяник

3в), 7, 12, 15 + творчий Мичка, Панченко, Скрипаль

3г),8, 13, 14 + творчий Рєзник, Шумейко, Скубеник

You might also like