Завдання

Використовуючи можливості мови JavaScript виконайте пункти 1–5.

1. Оголосіть дві змінні name і price, які будуть зберігати назву й вартість товару відповідно.

Присвойте змінним наступні характеристики товару (відразу при оголошені) назва: Генератор захисного поля, ціна: 1000.

Використовуючи шаблонний рядок виведіть в консоль інформацію про товар у форматі: 'Вибрано «Генератор захисного поля», ціна за одиницю [1000 ] кредитів'.

Присвойте товару нову ціну — 2000. Використовуючи шаблонний рядок виведіть у консоль інформацію про товар у форматі: 'Вибрано [«Генератор захисного поля»], ціна за одиницю [2000 ] кредитів'.

1. Напишіть скрипт, що демонструє знаходження більшого числа серед двох чисел із використанням умовного оператора. Результат виведіть в консоль.
2. За законом, тільки повнолітні можуть купувати алкогольні напої. Напишіть скрипт, який за введеним віком (age) виведе в консоль одне з повідомлень:

• якщо age більше або дорівнює 18, то в консолі з’явиться рядок «You can buy beer»;
• в іншому випадку з’явиться рядок «You can not buy beer».

1. Напишіть скрипт перевірки кількості товарів на складі. Маємо змінні total (кількість товарів на складі) і ordered (одиниць товарів у замовленні).
   Порівняйте ці значення і по результатам виведіть в консоль:

• якщо в замовлені вказана кількість перевищує кількість товарів на складі, то виведіть повідомлення «На складі недостатня кількість товарів»;
• в іншому випадку виведіть повідомлення «Замовлення сформоване, з вами зв’яжеться менеджер.

Перевірте дієздатність коду з різними значеннями змінної ordered, наприклад 20, 80, 130. 

1. Напишіть скрипт, який імітує авторизацію адміністратора в панелі управління.

Маємо змінну message, у яку буде записано повідомлення про результат. При завантажені сторінки у користувача запитують пароль через prompt.

Якщо користувач  натиснув Cancel, то в змінну message запишіть рядок  «Відмінено користувачем».

Якщо користувач ввів пароль і введений пароль співпадає зі значенням константи ADMIN_PASSWORD (наприклад, const ADMIN_PASSWORD = 'jqueryismyjam'), то в змінну  message запишіть рядок «Ласкаво просимо!».

Якщо користувач ввів неправильний пароль (жодна з попередніх умов не виконалося), то в змінну message запишіть рядок «Доступ заборонений, неправильний пароль». Після всіх перевірок виведіть в alert значення змінної  message.

Порядок виконання завдання

1. На навчальній платформі у розділі «Підручники й додаткові матеріали» знайдіть архів pr9_JS-1. Завантажте його на свій ПК та розархівуйте.
2. Папка  pr9_JS-1 має містити  2 файли index.html (у якому йде підключення скрипту) і файл pr-9.js, де вам  потрібно буде писати код відповідно до пунктів 1–5.
3. Відкрийте редактор коду Visual Studio Code, а в ньому — папку pr9_JS-1.
4. Відкрийте файл pr-9.js.
5. Виконайте пункти 1–5. Після виконання кожного із завдань обов’язково закоментуйте  код, щоб не заважав виконувати наступне завдання.  
   Приклад організації коду:
6. Результат роботи коду ви маєте бачити в консолі. Для того щоб побачити консоль, відкрийте файл html і викличте інструменти розробника, натиснувши комбінацію Ctrl+Shift+I.
7. Після виконання усіх пунктів завдання запакуйте папку pr9_JS-1 в архів з ім’ям pr9_JS-1-Прізвище і завантажте у область під умовою завдання (позначену написом Для додавання файлів, ви можете просто перетягнути їх сюди).

Завдання

Використовуючи базові теги мови HTML, створити web-сторінку за зразком (див. нижче).

Порядок виконання завдання

1. На локальному диску свого ПК створіть папку pr3_html.
2. Розархівуйте в дану папку Додаткові матеріали_ПЗ3, що містить текст і зображення, які необхідно буде розмістити на web-сторінці.
3. Відкрийте редактор коду Visual Studio Code, а в ньому — папку pr3_html.
4. У папці pr3_html створіть новий html-документ. Назвіть його index.html. Створіть у ньому структуру тегів, прописавши Doctype, html, head, meta charset, meta viewport, title, body.
5. Усередині тегу body створіть h1 і розмістіть у ньому текст Сім чудес України: історико-культурні пам’ятки, якими ми пишаємос так, як показано на рисунку (див. нижче).
6. Після h1 створіть h2 і розмістіть у ньому текст Кам’янець-Подільська фортеця, як показано на рисунку (див. нижче).
7. Створіть після заголовка параграф із текстом. Текст курсив. Текст візьміть із шаблону (див. рисунок нижче).
8. Додайте тег img із покликанням на малюнок. Малюнок знаходиться в папці  images. Розмір зображення встановіть через атрибут width= “450px”
9. Після зображення додайте параграф із текстом (див. рисунок нижче).
10. Після параграфа розмістіть маркований список, використовуючи тег ul з елементами. 
11. Для кожного елементу списку своріть гіперпокликання на web-сторінку з Вікіпедії про відповідну пам’ятку. Наприклад, при натиснені на елемент списку парк «Софіївка» у новій вкладці відкривається сторінка з Вікіпедії, де йде мова про парк «Софіївка».

1. Перевірте роботу, відкривши створену web-сторінку в браузері. Запакуйте папку pr3_html в архів з ім’ям pr3_html-Прізвище й завантажте в область під умовою завдання (позначену написом Для додавання файлів, ви можете просто перетягнути їх сюди).

Укажіть, яким тегом починається і закінчується тіло документа

Укажіть, що означає тег <і> мови HTML 

Завдання

Використовуючи можливості сервісу Google Sites, створіть web-сайт Планети Сонячної системи, додайте сторінки до сайту, заповніть їх контентом, оформіть в одному стилі, створіть внутрішні і зовнішні гіперпокликання, у нижній колонтитул (підвал сайту) додайте своє прізвище, ім’я і групу. Ваш сайт має містити наступні сторінки :

УВАГА!

Якщо студент виявив бажання, він також може створити сайт власної тематики, або обрати одну із тем, які наведено нижче.

Створений сайт має містити 3-4  змістовних сторінок українською мовою, та сторінку автора сайту. Всі сторінки мають бути оформлені в єдиному стилі.

Перелік тем, які можна використати для створення власного сайту:

1. Портфоліо робіт певного фахівця (дизайнер, фотограф, відео-оператор, кулінар тощо).
2. Послуги умовної компанії (бізнес, медицина, перевезення, розваги, готелі, кафе тощо).
3. Візитка відомої особи: письменника, спортсмена, актора, співака, музичного гурту, політичного діяча.
4. Галерея творчих робіт: фотографії, картини, книги, пісні чи інше.
5. Новинки технічних досягнень: комп'ютери, телефони, автомобілі, побутова техніка, роботи.
6. Міста та країни світу. Улюблені краєвиди, історичні екскурси, цікаві відомості.
7. Хобі студента: спорт, творчість, навчання, домашні тварини та інше.
8. Паблік для популярного фільму, серіалу, мюзиклу чи творчої спільноти.
9. Електронна бібліотека із збіркою певних книжок, статей, коміксів тощо.
10. Домашня сторінка студента, де викладено його захоплення, мандрівки, фотографії друзів, домашніх тварин та інша відкрита інформація.

Порядок виконання завдання

1. Розархівуйте на робочий комп’ютер папку Додаткові матеріали_ПЗ1, яка містить зображення планет, інформацію про планети, яку необхідно буде розмістити на web-сторінці.
2. Увійдіть на Google Диск з вашим обліковим записом Google.
3. Виконайте команду  Створити/Більше/ Google Сайти (рис. 1.12).

Рис. 1.12.  Створення Google сайту

1. Уведіть у поле Введіть назву сайту у верхній частині сторінки зліва назву Знайомство із Сонячною системою і натисніть клавішу Enter (рис 1.13).

Рис. 1.13. Назва сайту

1. Створивши сайт, ми автоматично створили лише одну web-сторінку — Домашню, яка на цей момент не містить ніякої інформації.
2. Перейдіть до налаштування різних параметрів як сторінки, так і всього сайту.
3. Додайте логотип до сайту. Для цього підведіть вказівник до лівого верхнього кута сторінки й виберіть кнопку Додати логотип (рис. 1.14).

Рис. 1.14.  Вікно Додати логотип сайту

1. Виберіть кнопку Вибрати (рис. 1.15).

Рис. 1.15. Вікно Вибрати логотип

1. Виберіть вкладку Пошук (рис. 1.16).
2. Уведіть ключові слова сонячна система у поле пошуку й натисніть клавішу Enter.
3. Виберіть одне із зображень і кнопку Вибрати (рис. 1.5).

Рис. 1.16. Вікно Пошук і Вибрати зображення

1. Виберіть команду Використовувати колір логотипа для теми (рис. 1.17).

Рис. 1.17. Налаштування параметрів логотипа

1. Змініть зображення у верхньому колонтитулі. Для цього:

• наведіть вказівник на верхній колонтитул;
• виберіть кнопку Змінити зображення і команду Вибрати зображення (рис. 1.18);
• Виберіть на вкладці Google диск одне із зображень;
• Виберіть кнопку Вибрати (рис. 1.19).

Рис. 1.18. Додавання шапки до web-сторінки

Рис. 1.19. Вікно Вибрати зображення

1. Змініть назву  сторінки  на  Основні  відомості  про  Сонячну  систему.  Натисніть  на Заголовок сторінки і введіть нову назву сторінки (рис. 1.20).

Рис. 1.20. Редагування назви web-сторінки

1. Введіть на сторінку текст, вибравши кнопку Текстове поле на правій боковій панелі в вкладці Вставити.
2. За допомогою  вбудованого  текстового  редактора  введіть  поданий  нижче  текст сторінки й відформатуйте його відповідно до зразка (рис. 1.21).

Тисячі років люди вдивлялися в нічне небо. Вони помічали, як яскраві вогники рухаються по небу, і мріяли хоч щось дізнатися про них. Вивчення планет почалося давно, коли перші астрономи помітили, що п’ять зір (планети, які можна бачити без телескопа) яскравіші за інші.

Стародавні греки саме ці зорі назвали планетами, що означає мандрувати. Римляни назвали ці планети на честь своїх богів:

• Меркурій;
• Венера;
• Марс;
• Юпітер;
• Сатурн.

Інші планети було відкрито пізніше.

Закони руху планет навколо Сонця відкрив німецький учений  Йоган Кеплер, а пояснив цей рух Ісаак Ньютон. Саме завдяки дії на планети  сил всесвітнього тяжіння вони не можуть полетіти в космічний простір, а рухаються навколо Сонця по еліптичних орбітах.

9 планет, що обертаються навколо Сонця, і саме Сонце утворюють Сонячну систему.

Одна з планет Сонячної системи більша за нашу Землю в  11 разів, а друга — розміром з Місяць. Одна планета оточена кільцями з льоду, а на другій температура поверхні сягає 482 ºС.

У однієї планети 21 супутник, подібний до нашого Місяця, а деякі інші взагалі не мають супутників. Деякі — тверді й кам’янисті, інші — складаються з газу.

Сучасні вчені поділяють планети на зовнішні і внутрішні.

Внутрішні планети називають земними, оскільки вони щільні, кам’янисті й тверді. До цього класу планет належать:

• Меркурій;
• Венера;
• Земля;
• Марс.

Зовнішні планети газоподібні, вони більші за розміром за земні, але менш тверді.

До зовнішніх планет належать:

• Юпітер;
• Сатурн;
• Уран;
• Нептун;
• Плутон (із 2006 року не вважають планетою).

Остання зовнішня планета — Плутон — найбільш  унікальна, оскільки вона не земна і не газоподібна.

Рис. 1.21. Зразок введеного тексту

1. Додайте на  створювану  web-сторінку  два  зображення,  призначивши  їх  розміри  й обтікання текстом відповідно до зразка. Виконайте такі дії:

• У режимі редагування перейдіть на місце web-сторінки, у яке потрібно вставити зображення.
• У меню Вставити виконайте команду Зображення.
• У вікні Вибрати зображення, що з’явилося на екрані перейдіть на Google диск, виберіть потрібний графічний файл і натисніть кнопку Вибрати (рис. 1.22).

Рис. 1.22. Вікно Вибрати зображення

Рис. 1.23. Вставка зображення на web-сторінку й налаштування його параметрів

1. Додайте на поточну web-сторінку відеофайл, розміщений на  сервісі YouTube (URL-адреса файлу: https://www.youtube.com/watch?v= iZ6N0gCx7sY), у якому порівнюється розміри планет Сонячної системи. Для цього:

• Знайдіть на відповідному сервісі відеофайл, призначений для вставлення, і скопіюйте його URL-адресу.
• У меню  Вставити  виконайте  команду  Вставити.
• У вікні, що з’явилось, у спеціальне поле введіть скопійовану URL-адресу відеофайлу. Натисніть кнопку Вставити     (рис. 1.24).

Рис. 1.24. Вставлення відеофайлу

Рис. 1.25. Перша частина створеної web-сторінки

Рис. 1.26. Друга частина створеної web-сторінки

1. Створіть нову сторінку, назва якої Меркурій. Для цього використайте кнопку Додати сторінку на вкладці Сторінки. Зверніть увагу на оформлення нових сторінок і на форматування панелі навігації
2. Розмістіть на ній наведену нижче інформацію (рис. 1.26).

Особливості планети Меркурій

Мабуть, самою цікавою особливістю цієї маленької планети є той факт, що саме на Меркурії відбуваються найбільші температурні коливання. Оскільки Меркурій ближче всіх до Сонця, то вдень його поверхня прогрівається до 450 ºС. Але  Меркурій не має власної атмосфери і не може утримати тепло, як наслідок, вночі температура опускається до мінус 170 ºС. Тут найбільша різниця температур в нашій сонячній системі.

Своїми розмірами Меркурій лише трохи більше, ніж наш Місяць. Поверхня його також подібно місячній, зрешечена кратерами, слідами дрібних астероїдів і метеоритів.

Цікавий факт: приблизно 4 мільярди років тому величезний астероїд врізався в Меркурій. Силу цього удару можна порівняти з вибухом трильйона мегатонних бомб. Від цього удару на поверхні Меркурія залишився гігантський кратер завбільшки приблизно як сучасний штат Техас. Астрономи назвали його кратер Бассейнс Калоріс.

Також вельми цікавий є той факт, що на Меркурії є самий справжній лід, який ховається в глибині тамтешніх  кратерів.  Лід міг бути принесений на Меркурій кометами й метеоритами або навіть утворитися з водяної пари, яка виривається з надр планети.

Температура на Меркурії

Яка температура на Меркурії? Хоча ця планета розташована найближче до Сонця, першість найтеплішої планети сонячної системи належить сусідці Венері, чия густа атмосфера, яка буквально огортає планету, дозволяє утримувати тепло. Що стосується Меркурія, то через відсутність атмосфери, тепло його випаровується і планета як швидко нагрівається, так і швидко остигає, кожен день і кожну ніч там проходять величезні перепади температури від +450 ºС вдень до -170 ºС.

Рис. 1.27. Фрагмент web-сторінки про Меркурій

1. Аналогічно створіть наступні сторінки web-сайту Знайомство із Сонячною системою.
2. За власним уподобанням призначте тему оформлення web-сторінок сайту.
3. Розмістіть на домашній сторінці гіперпокликання на одну зі сторінок вашого сайту. Для цього:

• виберіть на панелі навігації гіперпокликання Домашня сторінка;
• виділіть перший елемент списку в текстовому блоці;
• виберіть кнопку Вставити посилання в меню блока;
• виберіть назву відповідної сторінки вашого сайту в списку, що відкриється;
• виберіть кнопку Застосувати.

1. Опублікуйте сайт. Перегляньте опублікований сайт.
2. Результат роботи (покликання на створений сайт, наприклад, https://sites.google.com/view/sonyachna-sistema1/ ) збережіть у текстовому файлі з ім’ям ПЗ1_сайт_Ваше прізвище.txt  і завантажте в область під умовою завдання (позначену написом Для додавання файлів ви можете просто перетягнути їх сюди).

Завдання

Використовуючи можливості сервісу Google Sites, створіть web-сайт Планети Сонячної системи, додайте сторінки до сайту, заповніть їх контентом, оформіть в одному стилі, створіть внутрішні і зовнішні гіперпокликання, у нижній колонтитул (підвал сайту) додайте своє прізвище, ім’я і групу. Ваш сайт має містити наступні сторінки :

УВАГА!

Якщо студент виявив бажання, він також може створити сайт власної тематики, або обрати одну із тем, які наведено нижче.

Створений сайт має містити 3-4  змістовних сторінок українською мовою, та сторінку автора сайту. Всі сторінки мають бути оформлені в єдиному стилі.

Перелік тем, які можна використати для створення власного сайту:

1. Портфоліо робіт певного фахівця (дизайнер, фотограф, відео-оператор, кулінар тощо).
2. Послуги умовної компанії (бізнес, медицина, перевезення, розваги, готелі, кафе тощо).
3. Візитка відомої особи: письменника, спортсмена, актора, співака, музичного гурту, політичного діяча.
4. Галерея творчих робіт: фотографії, картини, книги, пісні чи інше.
5. Новинки технічних досягнень: комп'ютери, телефони, автомобілі, побутова техніка, роботи.
6. Міста та країни світу. Улюблені краєвиди, історичні екскурси, цікаві відомості.
7. Хобі студента: спорт, творчість, навчання, домашні тварини та інше.
8. Паблік для популярного фільму, серіалу, мюзиклу чи творчої спільноти.
9. Електронна бібліотека із збіркою певних книжок, статей, коміксів тощо.
10. Домашня сторінка студента, де викладено його захоплення, мандрівки, фотографії друзів, домашніх тварин та інша відкрита інформація.

Порядок виконання завдання

1. Розархівуйте на робочий комп’ютер папку Додаткові матеріали_ПЗ1, яка містить зображення планет, інформацію про планети, яку необхідно буде розмістити на web-сторінці.
2. Увійдіть на Google Диск з вашим обліковим записом Google.
3. Виконайте команду  Створити/Більше/ Google Сайти (рис. 1.12).

Рис. 1.12.  Створення Google сайту

1. Уведіть у поле Введіть назву сайту у верхній частині сторінки зліва назву Знайомство із Сонячною системою і натисніть клавішу Enter (рис 1.13).

Рис. 1.13. Назва сайту

1. Створивши сайт, ми автоматично створили лише одну web-сторінку — Домашню, яка на цей момент не містить ніякої інформації.
2. Перейдіть до налаштування різних параметрів як сторінки, так і всього сайту.
3. Додайте логотип до сайту. Для цього підведіть вказівник до лівого верхнього кута сторінки й виберіть кнопку Додати логотип (рис. 1.14).

Рис. 1.14.  Вікно Додати логотип сайту

1. Виберіть кнопку Вибрати (рис. 1.15).

Рис. 1.15. Вікно Вибрати логотип

1. Виберіть вкладку Пошук (рис. 1.16).
2. Уведіть ключові слова сонячна система у поле пошуку й натисніть клавішу Enter.
3. Виберіть одне із зображень і кнопку Вибрати (рис. 1.5).

Рис. 1.16. Вікно Пошук і Вибрати зображення

1. Виберіть команду Використовувати колір логотипа для теми (рис. 1.17).

Рис. 1.17. Налаштування параметрів логотипа

1. Змініть зображення у верхньому колонтитулі. Для цього:

• наведіть вказівник на верхній колонтитул;
• виберіть кнопку Змінити зображення і команду Вибрати зображення (рис. 1.18);
• Виберіть на вкладці Google диск одне із зображень;
• Виберіть кнопку Вибрати (рис. 1.19).

Рис. 1.18. Додавання шапки до web-сторінки

Рис. 1.19. Вікно Вибрати зображення

1. Змініть назву  сторінки  на  Основні  відомості  про  Сонячну  систему.  Натисніть  на Заголовок сторінки і введіть нову назву сторінки (рис. 1.20).

Рис. 1.20. Редагування назви web-сторінки

1. Введіть на сторінку текст, вибравши кнопку Текстове поле на правій боковій панелі в вкладці Вставити.
2. За допомогою  вбудованого  текстового  редактора  введіть  поданий  нижче  текст сторінки й відформатуйте його відповідно до зразка (рис. 1.21).

Тисячі років люди вдивлялися в нічне небо. Вони помічали, як яскраві вогники рухаються по небу, і мріяли хоч щось дізнатися про них. Вивчення планет почалося давно, коли перші астрономи помітили, що п’ять зір (планети, які можна бачити без телескопа) яскравіші за інші.

Стародавні греки саме ці зорі назвали планетами, що означає мандрувати. Римляни назвали ці планети на честь своїх богів:

• Меркурій;
• Венера;
• Марс;
• Юпітер;
• Сатурн.

Інші планети було відкрито пізніше.

Закони руху планет навколо Сонця відкрив німецький учений  Йоган Кеплер, а пояснив цей рух Ісаак Ньютон. Саме завдяки дії на планети  сил всесвітнього тяжіння вони не можуть полетіти в космічний простір, а рухаються навколо Сонця по еліптичних орбітах.

9 планет, що обертаються навколо Сонця, і саме Сонце утворюють Сонячну систему.

Одна з планет Сонячної системи більша за нашу Землю в  11 разів, а друга — розміром з Місяць. Одна планета оточена кільцями з льоду, а на другій температура поверхні сягає 482 ºС.

У однієї планети 21 супутник, подібний до нашого Місяця, а деякі інші взагалі не мають супутників. Деякі — тверді й кам’янисті, інші — складаються з газу.

Сучасні вчені поділяють планети на зовнішні і внутрішні.

Внутрішні планети називають земними, оскільки вони щільні, кам’янисті й тверді. До цього класу планет належать:

• Меркурій;
• Венера;
• Земля;
• Марс.

Зовнішні планети газоподібні, вони більші за розміром за земні, але менш тверді.

До зовнішніх планет належать:

• Юпітер;
• Сатурн;
• Уран;
• Нептун;
• Плутон (із 2006 року не вважають планетою).

Остання зовнішня планета — Плутон — найбільш  унікальна, оскільки вона не земна і не газоподібна.

Рис. 1.21. Зразок введеного тексту

1. Додайте на  створювану  web-сторінку  два  зображення,  призначивши  їх  розміри  й обтікання текстом відповідно до зразка. Виконайте такі дії:

• У режимі редагування перейдіть на місце web-сторінки, у яке потрібно вставити зображення.
• У меню Вставити виконайте команду Зображення.
• У вікні Вибрати зображення, що з’явилося на екрані перейдіть на Google диск, виберіть потрібний графічний файл і натисніть кнопку Вибрати (рис. 1.22).

Рис. 1.22. Вікно Вибрати зображення

Рис. 1.23. Вставка зображення на web-сторінку й налаштування його параметрів

1. Додайте на поточну web-сторінку відеофайл, розміщений на  сервісі YouTube (URL-адреса файлу: https://www.youtube.com/watch?v= iZ6N0gCx7sY), у якому порівнюється розміри планет Сонячної системи. Для цього:

• Знайдіть на відповідному сервісі відеофайл, призначений для вставлення, і скопіюйте його URL-адресу.
• У меню  Вставити  виконайте  команду  Вставити.
• У вікні, що з’явилось, у спеціальне поле введіть скопійовану URL-адресу відеофайлу. Натисніть кнопку Вставити     (рис. 1.24).

Рис. 1.24. Вставлення відеофайлу

Рис. 1.25. Перша частина створеної web-сторінки

Рис. 1.26. Друга частина створеної web-сторінки

1. Створіть нову сторінку, назва якої Меркурій. Для цього використайте кнопку Додати сторінку на вкладці Сторінки. Зверніть увагу на оформлення нових сторінок і на форматування панелі навігації
2. Розмістіть на ній наведену нижче інформацію (рис. 1.26).

Особливості планети Меркурій

Мабуть, самою цікавою особливістю цієї маленької планети є той факт, що саме на Меркурії відбуваються найбільші температурні коливання. Оскільки Меркурій ближче всіх до Сонця, то вдень його поверхня прогрівається до 450 ºС. Але  Меркурій не має власної атмосфери і не може утримати тепло, як наслідок, вночі температура опускається до мінус 170 ºС. Тут найбільша різниця температур в нашій сонячній системі.

Своїми розмірами Меркурій лише трохи більше, ніж наш Місяць. Поверхня його також подібно місячній, зрешечена кратерами, слідами дрібних астероїдів і метеоритів.

Цікавий факт: приблизно 4 мільярди років тому величезний астероїд врізався в Меркурій. Силу цього удару можна порівняти з вибухом трильйона мегатонних бомб. Від цього удару на поверхні Меркурія залишився гігантський кратер завбільшки приблизно як сучасний штат Техас. Астрономи назвали його кратер Бассейнс Калоріс.

Також вельми цікавий є той факт, що на Меркурії є самий справжній лід, який ховається в глибині тамтешніх  кратерів.  Лід міг бути принесений на Меркурій кометами й метеоритами або навіть утворитися з водяної пари, яка виривається з надр планети.

Температура на Меркурії

Яка температура на Меркурії? Хоча ця планета розташована найближче до Сонця, першість найтеплішої планети сонячної системи належить сусідці Венері, чия густа атмосфера, яка буквально огортає планету, дозволяє утримувати тепло. Що стосується Меркурія, то через відсутність атмосфери, тепло його випаровується і планета як швидко нагрівається, так і швидко остигає, кожен день і кожну ніч там проходять величезні перепади температури від +450 ºС вдень до -170 ºС.

Рис. 1.27. Фрагмент web-сторінки про Меркурій

1. Аналогічно створіть наступні сторінки web-сайту Знайомство із Сонячною системою.
2. За власним уподобанням призначте тему оформлення web-сторінок сайту.
3. Розмістіть на домашній сторінці гіперпокликання на одну зі сторінок вашого сайту. Для цього:

• виберіть на панелі навігації гіперпокликання Домашня сторінка;
• виділіть перший елемент списку в текстовому блоці;
• виберіть кнопку Вставити посилання в меню блока;
• виберіть назву відповідної сторінки вашого сайту в списку, що відкриється;
• виберіть кнопку Застосувати.

1. Опублікуйте сайт. Перегляньте опублікований сайт.
2. Результат роботи (покликання на створений сайт, наприклад, https://sites.google.com/view/sonyachna-sistema1/ ) збережіть у текстовому файлі з ім’ям ПЗ1_сайт_Ваше прізвище.txt  і завантажте в область під умовою завдання (позначену написом Для додавання файлів ви можете просто перетягнути їх сюди).

Завдання

Для виконання практичної частини уважно ознайомтеся з наведеними прикладами в методичних рекомендаціях до практичного заняття

Використовуючи можливості мови JavaScript виконайте завдання 1–5.

1. Напишіть скрипт, який виводить в консоль числа від 1 до 7 включно.
2. Напишіть скрипт, який виводить у консоль рядок всіх непарних чисел від 1 до 99  включно у форматі : 1 3 5 7 …97 99. Розділювач пропуск. Для вирішення завдання використайте цикл.
3. Напишіть скрипт знаходження  суми чисел від 1 до 100.
4. Напишіть скрипт, який виводить в консоль окремо всі літери рядка «Hello world» в зворотному порядку.
5. Напишіть скрипт, який просить у користувача ввести пароль і замінює кожен введений символ на * та результат заміни виводить в консоль. Наприклад, введене слово helIo перетвориться на  *****.

Порядок виконання завдання

1. На навчальній платформі у розділі «Підручники і корисні матеріали» знайдіть архів pr10_JS-2.
2. Завантажте його на свій ПК і розархівуйте.
3. Папка  pr10_JS-2  має  містити  2 файли index.html (у якому йде підключення скрипту) і файл pr-10.js, де вам  потрібно буде  писати код відповідно до завдань.
4. Відкрийте редактор коду Visual Studio Code, а в ньому — папку pr10_JS-2.
5. Відкрийте файл pr-10.js.
6. Виконайте завдання 1–5. Після виконання кожного із завдань, обов’язково закоментуйте  код, щоб не заважав виконувати наступне завдання.
   Приклад організації коду:
7. Результат роботи коду ви маєте бачити в консолі. Для того щоб побачити консоль, відкрийте файл html і викличте інструменти розробника, натиснувши комбінацію Ctrl+Shift+I.
8. Після виконання усіх завдань запакуйте папку pr10_JS-2 в архів із ім’ям pr10_JS-2-Прізвище і завантажте в область під умовою завдання (позначену написом Для додавання файлів, ви можете просто перетягнути їх сюди).

Що таке ітерація?

Як написати цикл, який виводитиме в консоль числа від 7 до 4 включно?

Які цикли є в мові JavaScript?