Завдання 11 клас

Завдання Змінні

https://www.w3schools.com/js/js_variables.asp

https://www.w3schools.com/js/js_output.asp

Додати до сайту сторінку var.html.

За допомогою Javascript розв'язати задачу і вивести відповідь у консоль.

У програмі створити і використати необхідні змінні.

Консоль браузера:

Завдання Скрипт

https://www.w3schools.com/js/js_htmldom_elements.asp

• На своєму сайті створити нову сторінку dom.html. Зробити надпис на закладинці браузера «СвоєПрізвище-DOM»
• На сторінці зробити заголовок «Самостійна робота», придумати йому ідентифікатор (id)
• В наступному рядку написати своє ім'я. Придумати цьому рядку ідентифікатор.
• Написати текст з шести коротких речень про плани на майбутні зимові канікули. Кожне речення – окремий абзац.
• Нижче зробити кнопку з текстом «Заголовок», яка замінить текст заголовка на «Зимові канікули» (використати innerHTML).
• За допомогою скрипта дописати рядок, який починатиметься текстом: «Цей текст написав (написала)», а потім – повинно з'явитися ім'я, яке було написане в першому абзаці. У скрипті використати змінну та ідентифікатор рядка з ім'ям (знаходження HTML елемента за Id).
• Додатково: Під кнопкою за допомогою скрипта вивести текст: «Ось що написано в третьому рядку: ». А далі – весь третій абзац (знаходження HTML елемента за назвою тега).
• На основну сторінку свого сайту додати посилання на цю сторінку.

Завдання Кнопки-3

https://www.w3schools.com/js/js_intro.asp

• До свого сайту додати нову теку buttons3.
• До свого сайту додати нову сторінку buttons3.html (вкладинка Кнопки, заголовок Кнопки). Для сторінки створити нову теку buttons.
• У теку помістити два малюнки на якусь тему. Всі малюнки відобразити шириною 400px.
• На сторінку додати стовпчик (одна під одною) кнопок з написами, що відповідали б малюнкам (наприклад: Зайчик, Котик).
• Під кнопками розмістити перший малюнок.
• До кнопок додати JavaScript-код, який змінюватиме зображення відповідно до кнопки.
• На головній сторінці додати в список посилання на нову сторінку.
• Архів .zip сайту здати.

Завдання Кнопки-2

• До свого сайту додати нову теку buttons2.
• У теку додати нову сторінку buttons2.html (вкладинка Кнопки, заголовок Кнопки).
• У теку помістити три малюнки на якусь тему. Всі малюнки відобразити шириною 300px.
• Архів .zip сайту здати.
• На головній сторінці додати посилання на нову сторінку.

Завдання Кнопки

https://www.w3schools.com/html/html_form_elements.asp

• Створити нову сторінку buttons.html
• Зробити заголовок h1 – Кнопки
• Розмістити одну під одною дві кнопки
• На першій кнопці написати своє ім'я. Кнопка повинна відкривати вікно з повідомленням "Це моя кнопка!"
• Друга кнопка повинна відкривати сторінку з Чутливим малюнком

Завдання Чутливий Малюнок

Створити нову web-сторінку, на якій буде два малюнки. Малюнки зберегти у своїй теці.

• для одного малюнку використати чутливе відображення
• для другого малюнку використати чутливе відображення з обмеженнями на максимальний розмір

На основну сторінку сайту додати посилання на сторінку Чутливий Малюнок