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

Мета роботи: вивчити основні типи даних та оператори мови 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. Для виконання лабораторної роботи прочитати методичні вказівки і відповідний розділ підручника з JavaScript.
2. Виконати наведені приклади і відмітити особливості в коді.
3. Зверстати нескладну сторінку для результатів лабораторної роботи і розмістити її на хостингу. Зазначити номер і назву лабораторної роботи. Вивести на сторінку список назв виконаних завдань, які відкриватимуться в окремому вікні як окремі HTML-сторінки.
4. У файлах, що містять код скриптів, у заголовку вікна браузера зазначити групу і прізвище студента.

Зміст звіту

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