Знайомство з JavaScript

Мета роботи: вивчити основні типи даних та оператори мови JavaScript.

Теоретична частина

Для виконання лабораторної роботи надано наступні відомості

• Методичні вказівки до виконання роботи
• Сучасний підручник з JavaScript

Практична частина

Для виконання практичної частини уважно ознайомтеся з наведеними прикладами. Як індивідуальне завдання дані приклади мають бути модифіковані і збагачені іншими конструкціями.

У всіх скриптах, у заголовку вікна браузера зазначити групу і прізвище студента.

Завдання 1. Робота з діалоговими вікнами.

У редакторі створіть файл lab1_1.html і помістіть до нього наступний код. Відкрийте цей файл у браузері та перегляньте результат.

Відповідно до наведеного прикладу реалізувати скрипт з власним діалоговим вікном.

Завдання 2. Обчислення арифметичних виразів.

Створіть файл lab1_2.html і помістіть до нього наступний код. Перегляньте у браузері результати роботи скрипта.

Відповідно до наведеного прикладу реалізувати скрипт з власними арифметичними виразами.

Завдання 3. Обчислення площі і периметра правильного n-кутника, описаного біля кола радіуса R.

Створіть файл lab1_3.html і помістіть до нього наступний код. Перегляньте у браузері результати роботи скрипта.

Відповідно до наведеного прикладу реалізувати скрипт з власними складнішими арифметичними виразами.

Для обчислення арифметичного виразу використовуються методи об'єкта Math:

• abs(x) Повертає абсолютне значення (модуль) числа x.
• acos(x) Повертає арккосинус числа x у радіанах.
• asin(x) Повертає арксинус числа x у радіанах.
• atan(x) Повертає арктангенс числа x як чисельне значення між -PI/2 та PI/2.
• ceil(x) Округлює значення x до першого більшого цілого числа.
• cos(x) Повертає косинус числа x (число x визначається в радіанах).
• exp(x) Повертає значення E у ступені x.
• floor(x) Округлює значення x до першого меншого цілого числа.
• log(x) Повертає натуральний логарифм (з основою E) х.
• max(x1,x2,...xn) Повертає більше із чисел x1,x2,...xn.
• min(x1,x2,...xn) Повертає найменше з чисел x1,x2,...xn.
• pow(x,y) Зводить x до ступеня y і повертає результат.
• random() Повертає випадкове число між 0 та 1 (наприклад 0.6230522912910803).
• round(x) Округлює значення x до найближчого цілого числа.
• sin(x) Повертає синус числа x (число x визначається в радіанах).
• sqrt(x) Повертає квадратний корінь x.
• tan(x) Повертає тангенс кута.

Завдання 4. Формування динамічних сторінок за допомогою методу write об'єкта document.

Створіть файл lab1_4.html і помістіть до нього наступний код. Перегляньте у браузері результати роботи скрипта.

Відповідно до наведеного прикладу реалізувати скрипт з власною інформацією для виведення.

Контрольні питання

1. Які види діалогових вікон ви знаєте?
2. Як ввести дані користувача?
3. Як перетворити рядок на число?
4. Які типи змінних використовуються JavaScript?
5. Як вивести повідомлення у діалогове вікно?
6. Навіщо використовується ключове слово var?
7. Навіщо використовується ключове слово let?
8. Навіщо використовується ключове слово const?
9. Навіщо використовується метод write об'єкта document?
10. Навіщо використовується вбудований об'єкт Math?
11. Як записати складний арифметичний вираз?

Зміст звіту

1. Назва та мета виконання лабораторної роботи.
2. Код власних скриптів до кожного завдання
3. У висновку оцінити можливості мови JavaScript для виконання подібних завдань.
4. Файли з власними скриптами і відповідними назвами покласти на диск в окрему папку ExampleJS (всередині вашої папки).