├── .gitignore ├── .prettierrc ├── README.md ├── assets ├── javascript-en.png ├── js-1.png ├── js-gif.gif └── js.png ├── css └── styles.css ├── index.html ├── js └── script.js ├── lesson-01 └── index-1.html ├── lesson-02 ├── index-2.html └── tasks │ ├── img-task-0.png │ ├── task-0.html │ ├── task-1.html │ ├── task-2.html │ ├── task-3.html │ ├── task-4.html │ ├── task-5.html │ ├── task-6.html │ ├── task-7.html │ ├── task-add-1.html │ ├── task-add-10.html │ ├── task-add-11.html │ ├── task-add-12.html │ ├── task-add-13.html │ ├── task-add-14.html │ ├── task-add-15.html │ ├── task-add-16.html │ ├── task-add-17.html │ ├── task-add-2.html │ ├── task-add-3.html │ ├── task-add-4.html │ ├── task-add-5.html │ ├── task-add-6.html │ ├── task-add-7.html │ ├── task-add-8.html │ └── task-add-9.html ├── lesson-03 ├── index-3.html └── tasks │ ├── task-1.html │ ├── task-2.html │ ├── task-3.html │ ├── task-4.html │ ├── task-5.html │ ├── task-6.html │ ├── task-7.html │ ├── task-add-1.html │ ├── task-add-2.html │ ├── task-add-3.html │ ├── task-add-4.html │ ├── task-add-5.html │ ├── task-add-6.html │ ├── task-add-7.html │ ├── task-add-8.html │ └── task-add-9.html ├── lesson-04 ├── index-4.html └── tasks │ ├── image │ ├── 1.png │ ├── 2.png │ ├── 3.png │ └── 4.png │ ├── task-1.html │ ├── task-10.html │ ├── task-11.html │ ├── task-12.html │ ├── task-13.html │ ├── task-14.html │ ├── task-15.html │ ├── task-16.html │ ├── task-2.html │ ├── task-3.html │ ├── task-4.html │ ├── task-5.html │ ├── task-6.html │ ├── task-7.html │ ├── task-8.html │ ├── task-9.html │ ├── task-add-1.html │ ├── task-add-10.html │ ├── task-add-11.html │ ├── task-add-12.html │ ├── task-add-13.html │ ├── task-add-14.html │ ├── task-add-15.html │ ├── task-add-16.html │ ├── task-add-17.html │ ├── task-add-18.html │ ├── task-add-19.html │ ├── task-add-2.html │ ├── task-add-20.html │ ├── task-add-3.html │ ├── task-add-4.html │ ├── task-add-5.html │ ├── task-add-6.html │ ├── task-add-7.html │ ├── task-add-8.html │ └── task-add-9.html ├── lesson-05 ├── image │ ├── 1.png │ ├── 2.png │ ├── 3.png │ ├── 4.png │ └── logo.png ├── index-5.html └── tasks │ ├── task-0.html │ ├── task-1.html │ ├── task-10.html │ ├── task-2.html │ ├── task-3.html │ ├── task-4.html │ ├── task-5.html │ ├── task-6.html │ ├── task-7.html │ ├── task-8.html │ └── task-9.html ├── lesson-06 ├── index-6.html └── tasks │ ├── task-1.html │ ├── task-2.html │ ├── task-3.html │ ├── task-4.html │ ├── task-5.html │ ├── task-6.html │ ├── task-7.html │ ├── task-8.html │ └── task-9.html ├── lesson-07 ├── index-7.html └── tasks │ ├── task-1.html │ ├── task-10.html │ ├── task-2.html │ ├── task-3.html │ ├── task-4.html │ ├── task-5.html │ ├── task-6.html │ ├── task-7.html │ ├── task-8.html │ └── task-9.html ├── lesson-08 ├── index-8.html └── tasks │ ├── task-1.html │ ├── task-10.html │ ├── task-11.html │ ├── task-12.html │ ├── task-13.html │ ├── task-2.html │ ├── task-3.html │ ├── task-4.html │ ├── task-5.html │ ├── task-6.html │ ├── task-7.html │ ├── task-8.html │ └── task-9.html ├── lesson-09 ├── index-9.html └── tasks │ ├── task-1.html │ ├── task-2.html │ └── task-3.html ├── lesson-10 ├── index-10.html └── tasks │ ├── images │ └── task-4.png │ ├── task-1.html │ ├── task-2.html │ ├── task-3.html │ ├── task-4.html │ ├── task-5.html │ └── task-6.html ├── lesson-11 ├── images │ ├── image-1.png │ └── image-2.png ├── index-11.html └── tasks │ ├── task-1.html │ ├── task-2.html │ ├── task-3.html │ ├── task-4.html │ ├── task-5.html │ └── task-6.html ├── lesson-12 ├── index-12.html └── tasks │ ├── task-1.html │ ├── task-2.html │ └── task-3.html ├── lesson-13 ├── index-13.html └── tasks │ ├── task-0.html │ ├── task-1.html │ ├── task-2.html │ ├── task-3.html │ ├── task-4.html │ └── task-5.html ├── lesson-14 ├── index-14.html └── tasks │ ├── task-1.html │ ├── task-2.html │ ├── task-3.html │ └── task-4.html ├── lesson-15 ├── index-15.html └── tasks │ ├── task-1.html │ ├── task-2.html │ ├── task-3.html │ ├── task-4.html │ ├── task-5.html │ └── task-6.html ├── lesson-16 ├── index-16.html └── tasks │ ├── image01.png │ ├── image02.png │ ├── image03.png │ ├── script-1.js │ ├── script-2.js │ ├── styles-1.css │ ├── task-1.html │ ├── task-2.html │ ├── task-3.html │ ├── task-4.html │ ├── task-5.html │ ├── task-6.html │ └── task-7.html ├── lesson-17 ├── index-17.html └── tasks │ ├── asus.webp │ ├── img1.png │ ├── img2.png │ ├── lenovo.webp │ ├── script-1.js │ ├── script-2.js │ ├── styles-1.css │ ├── styles-2.css │ ├── task-1.html │ ├── task-2.html │ ├── task-3.html │ ├── task-4.html │ └── task-5.html ├── lesson-18 ├── index-18.html └── tasks │ ├── 1.jpeg │ ├── 2.jpeg │ ├── emotion-original.png │ ├── svg-original.png │ ├── task-1.html │ ├── task-2.html │ ├── task-3.html │ └── terminal-original.png ├── lesson-19 ├── index-19.html └── tasks │ ├── task-1.html │ ├── task-2.html │ ├── task-3.html │ ├── task-4.html │ └── task-5.html ├── lesson-20 ├── index-20.html └── tasks │ ├── bird.png │ ├── dog.png │ ├── house.png │ ├── task-1.html │ ├── task-2.html │ └── task-3.html ├── lesson-21 ├── index-21.html └── tasks │ ├── task-1.html │ ├── task-2.html │ ├── task-3.html │ ├── task-4.html │ └── task-5.html ├── lesson-22 ├── index-22.html └── tasks │ ├── task-1.html │ ├── task-10.html │ ├── task-11.html │ ├── task-12.html │ ├── task-2.html │ ├── task-3.html │ ├── task-4.html │ ├── task-5.html │ ├── task-6.html │ ├── task-7.html │ ├── task-8.html │ └── task-9.html └── lesson-23 ├── index-23.html └── tasks ├── task-1.html ├── task-2.html ├── task-3.html └── task-4.html /.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "printWidth": 80, 3 | "tabWidth": 2, 4 | "useTabs": false, 5 | "semi": true, 6 | "singleQuote": true, 7 | "trailingComma": "all", 8 | "bracketSpacing": true, 9 | "jsxBracketSameLine": false, 10 | "arrowParens": "avoid", 11 | "proseWrap": "always" 12 | } 13 | -------------------------------------------------------------------------------- /assets/javascript-en.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ViktorSvertoka/js-lessons/f662bdd13984ae8ce6ceeeda269d51fbb148eae6/assets/javascript-en.png -------------------------------------------------------------------------------- /assets/js-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ViktorSvertoka/js-lessons/f662bdd13984ae8ce6ceeeda269d51fbb148eae6/assets/js-1.png -------------------------------------------------------------------------------- /assets/js-gif.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ViktorSvertoka/js-lessons/f662bdd13984ae8ce6ceeeda269d51fbb148eae6/assets/js-gif.gif -------------------------------------------------------------------------------- /assets/js.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ViktorSvertoka/js-lessons/f662bdd13984ae8ce6ceeeda269d51fbb148eae6/assets/js.png -------------------------------------------------------------------------------- /lesson-01/index-1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | JS 10 | 11 | 12 |

13 | 18 |

19 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /lesson-02/tasks/img-task-0.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ViktorSvertoka/js-lessons/f662bdd13984ae8ce6ceeeda269d51fbb148eae6/lesson-02/tasks/img-task-0.png -------------------------------------------------------------------------------- /lesson-02/tasks/task-0.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 0

20 |

Обчислити значення виразів.

21 | задача 22 |
23 |
24 |
25 |
26 | 44 | 45 | 46 | -------------------------------------------------------------------------------- /lesson-02/tasks/task-1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 1

20 |

21 | Знайти суму, добуток та частку двох дійсних чисел. Результат вивести у 22 | формі таблиці. 23 |

24 | 56 | 57 | 58 | -------------------------------------------------------------------------------- /lesson-02/tasks/task-2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 2

20 |

21 | Дано рік народження (дата: 1 січня) та поточний рік. Знайти кількість 22 | років. 23 |

24 | 35 | 36 | 37 | -------------------------------------------------------------------------------- /lesson-02/tasks/task-3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 3

20 |

21 | Дано вартість одиниці товару і кількість. Знайти загальну вартість та ПДВ 22 | (5% від загальної вартості). 23 |

24 | 38 | 39 | 40 | -------------------------------------------------------------------------------- /lesson-02/tasks/task-4.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 4

20 |

Дано довжину у сантиметрах. Визначати скільки це метрів і кілометрів.

21 | 31 | 32 | 33 | -------------------------------------------------------------------------------- /lesson-02/tasks/task-5.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 5

20 |

21 | Дано кількість секунд, що пройшла від початку доби. Визначити скільки це 22 | годин і хвилин. 23 |

24 | 35 | 36 | 37 | -------------------------------------------------------------------------------- /lesson-02/tasks/task-add-1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Додаткова задача № 1

20 |

21 | Дано ширину екрана та кількість елементів, які повинні бути відображені у 22 | рядку. Визначити ширину елементів, які повинні бути відображені у цьому 23 | рядку. 24 |

25 | 36 | 37 | 38 | -------------------------------------------------------------------------------- /lesson-02/tasks/task-add-10.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Додаткова задача № 10

20 |

21 | З клавіатури вводиться кількість монет номіналом 1 копійка. Визначити 22 | скільки гривень і копійок є у даній сумі . Наприклад, дано 245 копійок, а 23 | вивести 2 грн 45 копійок. 24 |

25 | 38 | 39 | 40 | -------------------------------------------------------------------------------- /lesson-02/tasks/task-add-11.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Додаткова задача № 11

20 |

21 | Дано поточну кількість годи, хвилин, секунд (як на годиннику). Визначити 22 | 1) яка кількість секунд буде на годиннику через N секунд. 2) яка кількість 23 | хвилин буде на годиннику через N секунд, X хвилин. 24 |

25 | 44 | 45 | 46 | -------------------------------------------------------------------------------- /lesson-02/tasks/task-add-12.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Додаткова задача № 12

20 |

21 | З клавіатури вводиться кількість монет номіналом 2 копійки (5коп, 25коп, 22 | 50 коп). Визначити скільки гривень і копійок є у даній сумі. 23 |

24 | 38 | 39 | 40 | -------------------------------------------------------------------------------- /lesson-02/tasks/task-add-13.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Додаткова задача № 13

20 |

Визначити скільки повних тижнів є у вказаній кількості днів.

21 | 31 | 32 | 33 | -------------------------------------------------------------------------------- /lesson-02/tasks/task-add-14.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Додаткова задача № 14

20 |

21 | З клавіатури вводиться номер дня тижня (від 1 до 7). Визначити який буде 22 | день тижня через N днів. 23 |

24 | 47 | 48 | 49 | -------------------------------------------------------------------------------- /lesson-02/tasks/task-add-15.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Додаткова задача № 15

20 |

21 | З клавіатури вводиться кількість місяців, які пройшли від деякого моменту 22 | часу. Вивести повну кількість років і місяців. Наприклад, дано 28 місяців, 23 | а вивести 2 роки і 4 місяці. 24 |

25 | 33 | 34 | 35 | -------------------------------------------------------------------------------- /lesson-02/tasks/task-add-16.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Додаткова задача № 16

20 |

21 | З клавіатури вводиться номер місяця. Визначити, який буде місяць через 22 | вказану кількість N місяців. 23 |

24 | 56 | 57 | 58 | -------------------------------------------------------------------------------- /lesson-02/tasks/task-add-17.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Додаткова задача № 17

20 |

21 | Зашифрувати один введений англійський символ у верхньому регістрі (один з 22 | символів: A,B,…Z) методом зміщення (шифр Цезаря). 23 |

24 | 46 | 47 | 48 | -------------------------------------------------------------------------------- /lesson-02/tasks/task-add-2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Додаткова задача № 2

20 |

21 | З клавіатури вводиться розмір заробітної плати та розмір прожиткового 22 | мінімуму. Визначити розмір соціальної допомоги (ввжаємо, що заробітна 23 | плата є меншою). 24 |

25 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /lesson-02/tasks/task-add-5.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Додаткова задача № 5

20 |

21 | Визначити, яку платню одержить на фірмі сумісник за виконану роботу, якщо 22 | йому нараховано S грн., а податок становить 20%. 23 |

24 | 36 | 37 | 38 | -------------------------------------------------------------------------------- /lesson-02/tasks/task-add-6.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Додаткова задача № 6

20 |

21 | Дано три дійсні змінні a, b і c. Скласти алгоритм, який міняє місцями 22 | значення цих змінних наступним чином: змінна a набуває значення змінної b, 23 | змінна b набуває значення змінної c, а змінна c – попереднє значення 24 | змінної a. 25 |

26 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /lesson-02/tasks/task-add-7.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Додаткова задача № 7

20 |

21 | Скласти алгоритм, який обчислює цілу і дробову частину даного числа х. 22 | Наприклад: число 23,56 => ціла: 23, дробова: 0,56. 23 |

24 | 32 | 33 | 34 | -------------------------------------------------------------------------------- /lesson-02/tasks/task-add-8.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Додаткова задача № 8

20 |

21 | Розробити програму (не використовувати if), яка за номером року Y визначає 22 | номер століття C (врахувати, що початком XX століття був 1901, а не 1900 23 | рік). 24 |

25 | 32 | 33 | 34 | -------------------------------------------------------------------------------- /lesson-02/tasks/task-add-9.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Додаткова задача № 9

20 |

21 | Скласти програму для розв’язування задачі: йде N-а секунда доби, визначити 22 | скільки повних годин і повних хвилин пройшло до цього моменту. 23 |

24 | 36 | 37 | 38 | -------------------------------------------------------------------------------- /lesson-03/tasks/task-1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 1

20 |

21 | З клавіатури вводяться імена двох дітей та кількість у них цукерок. 22 | Вивести не екран ім’я тієї дитини, у якої кількість цукерок є більшою, або 23 | вивести, що кількість однакова. 24 |

25 | 42 | 43 | 44 | -------------------------------------------------------------------------------- /lesson-03/tasks/task-2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 2

20 |

21 | З клавіатури вводиться ціна товару і кількість грошей. Якщо грошей не 22 | вистачає то відмовляємо у покупці, інакше, якщо ще залишаються гроші, то 23 | пропонуємо купити лотерею за 4 грн. 24 |

25 | 41 | 42 | 43 | -------------------------------------------------------------------------------- /lesson-03/tasks/task-3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 3

20 |

21 | Випадковим чином генерується число від 1 до 5. Спробуйте вгадати число за 22 | 2 спроби. 23 |

24 | 45 | 46 | 47 | -------------------------------------------------------------------------------- /lesson-03/tasks/task-4.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 4

20 |

21 | З клавіатури вводиться вік людини.
22 | Вивести на екран ким він є (дитиною у садочку, школярем, студентом, 23 | працівником, пенсіонером). 24 |

25 | 42 | 43 | 44 | -------------------------------------------------------------------------------- /lesson-03/tasks/task-5.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 5

20 |

21 | З клавіатури вводиться назва категорії водія (А-мотоцикл, В-легковий 22 | автомобіль, С-вантажний автомобіль).
23 | Вивести на екран назву транспортного засобу, яким він може керувати. 24 |

25 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /lesson-03/tasks/task-6.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 6

20 |

З клавіатури вводиться номер дня тижня. Вивести на екран назву дня.

21 | 44 | 45 | 46 | -------------------------------------------------------------------------------- /lesson-03/tasks/task-7.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 7

20 |

21 | З клавіатури вводиться номер місяця. Вивести до якої пори він відноситься 22 |

23 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /lesson-03/tasks/task-add-1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Додаткова задача № 1

20 |

21 | На екран виводиться меню:
22 | 1. Веселий
23 | 2. Сумний
24 | 3. Обурений
25 | Користувач вводить номер пункту меню і на екрані з’являється відповідне 26 | зображення смайла. 27 |

28 | 39 | 40 | 41 | -------------------------------------------------------------------------------- /lesson-03/tasks/task-add-2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Додаткова задача № 2

20 |

21 | Комп’ютер випадковим чином вибирає початок і кінець проміжку (проміжок 22 | повинен знаходитися в межах від 1 до 100). Користувач вводить число і 23 | виграє, якщо число знаходиться у цьому проміжку, або розташоване від нього 24 | (від лівого або правого краю) не більше ніж на 10. 25 |

26 | 41 | 42 | 43 | -------------------------------------------------------------------------------- /lesson-03/tasks/task-add-5.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Додаткова задача № 5

20 |

21 | Модифікувати попередню задачу з можливістю після пострілу переміщення 22 | корабля у випадковим чином вибрану сусідню клітинку (якщо звичайно 23 | корабель не було потоплено за першим разом). 24 |

25 | 37 | 38 | 39 | -------------------------------------------------------------------------------- /lesson-03/tasks/task-add-6.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Додаткова задача № 6

20 |

21 | Полювання. Заєць знаходиться у верхньому лівому кутку поля. Поле 22 | складається з двох рядків і двох стовпців. За один крок заєць може 23 | стрибнути у будь-яку із вільних клітинок. Користувач ставить пастку 24 | вказуючи номер рядка і стовпця клітинки. Якщо заєць потрапляє у пастку, то 25 | користувач виграв і отримав 100 балів. Якщо користувач зловить зайця за 26 | другою спробою, то одержує 50 балів. 27 |

28 | 42 | 43 | 44 | -------------------------------------------------------------------------------- /lesson-03/tasks/task-add-8.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Додаткова задача № 8

20 |

21 | З клавіатури вводиться кількість сторін багатокутника. Необхідно вивести 22 | назву фігури («трикутник», «чотирикутник», «п’ятикутинк», «шестикутник»). 23 |

24 | 49 | 50 | 51 | -------------------------------------------------------------------------------- /lesson-04/tasks/image/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ViktorSvertoka/js-lessons/f662bdd13984ae8ce6ceeeda269d51fbb148eae6/lesson-04/tasks/image/1.png -------------------------------------------------------------------------------- /lesson-04/tasks/image/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ViktorSvertoka/js-lessons/f662bdd13984ae8ce6ceeeda269d51fbb148eae6/lesson-04/tasks/image/2.png -------------------------------------------------------------------------------- /lesson-04/tasks/image/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ViktorSvertoka/js-lessons/f662bdd13984ae8ce6ceeeda269d51fbb148eae6/lesson-04/tasks/image/3.png -------------------------------------------------------------------------------- /lesson-04/tasks/image/4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ViktorSvertoka/js-lessons/f662bdd13984ae8ce6ceeeda269d51fbb148eae6/lesson-04/tasks/image/4.png -------------------------------------------------------------------------------- /lesson-04/tasks/task-1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 1

20 |

21 | Вивести з використанням циклів маркований список з випадковими числами 22 | (1-100). Кількість випадкових чисел вводиться користувачем. Приклад: 23 |

24 | 41 | 42 | 43 | -------------------------------------------------------------------------------- /lesson-04/tasks/task-10.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 10

20 |

21 | Знайти суму всіх непарних чисел, що знаходяться між заданими користувачем 22 | числами. 23 |

24 | 50 | 51 | 52 | -------------------------------------------------------------------------------- /lesson-04/tasks/task-14.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 14

20 |

21 | Каса. Користувачу повідомляють суму, яку йому треба сплатити. Користувач 22 | поступово вводить суму грошей до тих пір, поки суми не буде достатньо для 23 | оплати товарів (кожного разу користувачу повідомляють, яку ще суму 24 | потрібно ввести). 25 |

26 | 45 | 46 | 47 | -------------------------------------------------------------------------------- /lesson-04/tasks/task-15.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 15

20 |

21 | Користувача поступово вводить показники температури протягом року. Знайти 22 | середню температуру. 23 |

24 | 41 | 42 | 43 | -------------------------------------------------------------------------------- /lesson-04/tasks/task-16.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 16

20 |

21 | Користувач поступово вводить прибуток магазину за кожен день протягом N 22 | тижнів. Знайти загальну величину прибутку та вивести величину прибутку 23 | протягом кожного окремого тижня. 24 |

25 | 49 | 50 | 51 | -------------------------------------------------------------------------------- /lesson-04/tasks/task-2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 2

20 |

Створити 10 елементів для введення цін продуктів

21 | 30 | 31 | 32 | -------------------------------------------------------------------------------- /lesson-04/tasks/task-3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 3

20 |

Вивести таблицю з одним рядком і 7 стовпцями.

21 | 39 | 40 | 41 | -------------------------------------------------------------------------------- /lesson-04/tasks/task-4.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 4

20 |

Вивести таблицю з 3 рядків і 7 стовпців

21 | 22 | 38 | 39 | 40 | -------------------------------------------------------------------------------- /lesson-04/tasks/task-5.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 5

20 |

21 | Вивести таблицю:
22 | 123
23 | 456
24 | 789
25 |

26 | 47 | 48 | 49 | -------------------------------------------------------------------------------- /lesson-04/tasks/task-6.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 6

20 |

Вивести 3 таблиці (по 3 рядки і 3 стовпці у кожній) за зразком.

21 |

Tаблиця 1

22 | 1 2 3
23 | 4 5 6
24 | 7 8 9
25 |

Tаблиця 2

26 | 10 11 12
27 | 13 14 15
28 | 16 17 18
29 |

Tаблиця 3

30 | 19 20 21
31 | 22 23 24
32 | 25 26 27
33 | 34 | 56 | 57 | 58 | -------------------------------------------------------------------------------- /lesson-04/tasks/task-7.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 7

20 |

Вивести на екран N абзаців (N вводиться користувачем) за зразком:

21 | 39 | 40 | 41 | -------------------------------------------------------------------------------- /lesson-04/tasks/task-8.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 8

20 |

21 | Користувач загадує число. За 3 спроби комп’ютер намагається вгадати число 22 | користувача (використати confirm). 23 |

24 | 42 | 43 | 44 | -------------------------------------------------------------------------------- /lesson-04/tasks/task-9.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 9

20 |

21 | Користувач загадує число. Комп’ютер задає питання поки не вгадає число 22 | користувача (використати confirm). 23 |

24 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /lesson-04/tasks/task-add-1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Додаткова задача № 1

20 |

21 | З клавіатури вводитяться числа поки не буде введено 0. Знайти суму чисел. 22 |

23 | 45 | 46 | 47 | -------------------------------------------------------------------------------- /lesson-04/tasks/task-add-10.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Додаткова задача № 10

20 |

21 | З клавіатури вводиться число. Знаходити суму чисел до тих пір. Поки сума 22 | не стане більшую за 20. 23 |

24 | 37 | 38 | 39 | -------------------------------------------------------------------------------- /lesson-04/tasks/task-add-11.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Додаткова задача № 11

20 |

21 | З клавіатури вводиться пароль (правильний пароль- 78). Поки пароль не 22 | вірний дати можливість користувачу повторно ввести його. 23 |

24 | 33 | 34 | 35 | -------------------------------------------------------------------------------- /lesson-04/tasks/task-add-12.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Додаткова задача № 12

20 |

21 | З клавіатури вводиться вартість одиниці товару. Поки користувач не введе 22 | суму грошей, яка достатня для купівлі товару або не відмовиться від 23 | купівлі давати можливість вводити суму грошей. 24 |

25 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /lesson-04/tasks/task-add-13.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Додаткова задача № 13

20 |

21 | Комп’ютер загадує випадкове число від 1 до 10. Вгадати число шляхом 22 | введеня можливих варіантів. В кінці вивести кількість спроб користувача. 23 |

24 | 47 | 48 | 49 | -------------------------------------------------------------------------------- /lesson-04/tasks/task-add-15.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Додаткова задача № 15

20 |

21 | З клавіатури вводяться поступово числа. Знайти два найбільші числа. Ввід 22 | здійснюється до тих пір, поки різниця між такими числами є більшою за 5. 23 |

24 | 43 | 44 | 45 | -------------------------------------------------------------------------------- /lesson-04/tasks/task-add-16.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Додаткова задача № 16

20 |

21 | З клавіатури вводяться поступово числа. Знайти два найменші числа. Ввід 22 | здійснюється до тих пір, поки різниця між такими числами є більшою за 5. 23 |

24 | 43 | 44 | 45 | -------------------------------------------------------------------------------- /lesson-04/tasks/task-add-2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Додаткова задача № 2

20 |

21 | З клавіатури вводитяться числа поки не буде введено 0. Знайти добуток 22 | чисел. 23 |

24 | 37 | 38 | 39 | -------------------------------------------------------------------------------- /lesson-04/tasks/task-add-20.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Додаткова задача № 20

20 |

21 | Спробуйте модифікувати попередню гру для випадку, коли танк також може 22 | стріляти по вашій гарматі (ваша гармата також знаходиться на цьому ж 23 | полі). 24 |

25 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /lesson-04/tasks/task-add-3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Додаткова задача № 3

20 |

21 | З клавіатури поступово вводяться символи поки не буде введено символ «а». 22 | Вивести рядок символів у зворотному порядку. 23 |

24 | 39 | 40 | 41 | -------------------------------------------------------------------------------- /lesson-04/tasks/task-add-4.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Додаткова задача № 4

20 |

21 | З клавіатури вводиться початкове знчення суми. Поки сума є меншою за 100 22 | додавати до неї числа, які вводяться з клавіатури. 23 |

24 | 33 | 34 | 35 | -------------------------------------------------------------------------------- /lesson-04/tasks/task-add-5.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Додаткова задача № 5

20 |

21 | З клавіатури поступово вводяться числа. Знайти суму перших N парних чисел. 22 |

23 | 38 | 39 | 40 | -------------------------------------------------------------------------------- /lesson-04/tasks/task-add-6.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Додаткова задача № 6

20 |

21 | 28 |

29 | 46 | 47 | 48 | -------------------------------------------------------------------------------- /lesson-04/tasks/task-add-7.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Додаткова задача № 7

20 |

21 | На екрані виводиться меню:
22 |
23 | 1. Сказати «Привіт».
24 | 2. Сказати «Зачекай».
25 | 3. Сказати «До побачення».
26 | 4. Вихід.
27 |
28 | Шляхом вибору пунктів меню виводити відповідні повідомлення,
29 | поки не буде вибрано пункт номер 4. 30 |

31 | 59 | 60 | 61 | -------------------------------------------------------------------------------- /lesson-04/tasks/task-add-9.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Додаткова задача № 9

20 |

21 | Користувач загадує натуральне число від 1 до N. Шляхом задавання 22 | мінімальної кількості запитань знайти вказане число (застосувати бінарний 23 | пошук, на кожному кроці якого інтервал пошуку зменшується на 2 шляхом 24 | порівняння з елементом, який знаходиться у центрі поточного інтервалу). 25 |

26 | 48 | 49 | 50 | -------------------------------------------------------------------------------- /lesson-05/image/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ViktorSvertoka/js-lessons/f662bdd13984ae8ce6ceeeda269d51fbb148eae6/lesson-05/image/1.png -------------------------------------------------------------------------------- /lesson-05/image/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ViktorSvertoka/js-lessons/f662bdd13984ae8ce6ceeeda269d51fbb148eae6/lesson-05/image/2.png -------------------------------------------------------------------------------- /lesson-05/image/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ViktorSvertoka/js-lessons/f662bdd13984ae8ce6ceeeda269d51fbb148eae6/lesson-05/image/3.png -------------------------------------------------------------------------------- /lesson-05/image/4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ViktorSvertoka/js-lessons/f662bdd13984ae8ce6ceeeda269d51fbb148eae6/lesson-05/image/4.png -------------------------------------------------------------------------------- /lesson-05/image/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ViktorSvertoka/js-lessons/f662bdd13984ae8ce6ceeeda269d51fbb148eae6/lesson-05/image/logo.png -------------------------------------------------------------------------------- /lesson-05/tasks/task-0.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 0

20 |

21 | Задача 0. Створити функцію, яка за номером місяця повертає пору року, до 22 | якої відноситься цей місяць. 23 |

24 | 52 | 53 | 54 | -------------------------------------------------------------------------------- /lesson-05/tasks/task-1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 1

20 |

21 | Задача 1. Створити функцію, яка за номером місяця повертає його назву. 22 |

23 | 59 | 60 | 61 | -------------------------------------------------------------------------------- /lesson-05/tasks/task-10.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 10

20 |

21 | Задача 10. Дано покази температур (довільна кількість). Розробити функцію, 22 | яка дозволить знайти середнє значення для додатних показів температури. 23 |

24 | 51 | 52 | 53 | -------------------------------------------------------------------------------- /lesson-05/tasks/task-2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 2

20 |

21 | Задача 2. Створити функцію, яка за номером дня дозволяє з’ясувати чи є цей 22 | день робочим. 23 |

24 | 45 | 46 | 47 | -------------------------------------------------------------------------------- /lesson-05/tasks/task-6.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 6

20 |

21 | Задача 6. Створити функцію, яка створює таблицю з вказаною кількістю 22 | рядків і стовпців (таблиця заповнюється заданим фіксованим повідомленням). 23 |

24 | 25 | 44 | 45 | 46 | -------------------------------------------------------------------------------- /lesson-05/tasks/task-7.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 7

20 |

21 | Задача 7. Створити функцію, яка випадковим чином виводить на екран одне із 22 | 4 зображень (шляхи до зображень передаються у функцію) 23 |

24 | 32 | 33 | 34 | -------------------------------------------------------------------------------- /lesson-05/tasks/task-8.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 8

20 |

21 | Задача 8. Створити функцію, яка виводить банер у функцію передаються: 22 | зображення, заголовок та посилання, куди переходимо при кліку на 23 | зображення тег img повине знаходитись у середині тега a: 24 | 25 |

26 | 49 | 50 | 51 | -------------------------------------------------------------------------------- /lesson-05/tasks/task-9.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 9

20 |

21 | Задача 9. Дано покази температур (довільна кількість). Розробити функцію, 22 | яка дозволить підрахувати кількість від’ємних показів температури. 23 |

24 | 52 | 53 | 54 | -------------------------------------------------------------------------------- /lesson-06/tasks/task-3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 3

20 |

21 | Задача 3. Дано масив імен учнів. З’ясувати скільки разів зустрічається 22 | ім’я «Іван». 23 |

24 | 49 | 50 | 51 | -------------------------------------------------------------------------------- /lesson-06/tasks/task-5.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 5

20 |

21 | Задача 5. Дано послідовність оцінок учня. Підрахувати кількість: 1) двійок 22 | 2) кількість хороших оцінок (добре, відмінно); 3) кількість оцінок, які 23 | нижче середнього. 24 |

25 | 52 | 53 | 54 | -------------------------------------------------------------------------------- /lesson-06/tasks/task-8.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 8

20 |

21 | Задача 8. Дано одновимірний масив, у якому зберігається певна виграшна 22 | сума (елементи заповнюються випадковим чином значеннями від -500 до 500). 23 | Надаючи користувачу можливість вибирати номери елементів (поки він не 24 | відмовиться). Знаходити сумарний виграш. 25 |

26 | 51 | 52 | 53 | -------------------------------------------------------------------------------- /lesson-07/tasks/task-1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 1

20 |

21 | 1. Користувач вводить кількість елементів. Створити масив, що складається 22 | з вказаної кількості елементів заповнених нулями. 23 |

24 | 29 | 30 | 31 | -------------------------------------------------------------------------------- /lesson-07/tasks/task-10.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 10

20 |

21 | 10. Дано масив цін у грн. Податок складає 20%. Сформувати масив, який буде 22 | містити величину сплаченого податку у грн. 23 |

24 | 31 | 32 | 33 | -------------------------------------------------------------------------------- /lesson-07/tasks/task-2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 2

20 |

21 | 2. Користувач вводить кількість елементів. Створити масив, у якому перша 22 | половина заповнена 1-цями, а друга заповнена 7-ками. 23 |

24 | 33 | 34 | 35 | -------------------------------------------------------------------------------- /lesson-07/tasks/task-3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 3

20 |

21 | 3. Користувач вводить кількість елементів. Створити масив, у якому перші 5 22 | елементів заповнені 1-цями, а інші до кінця масиву заповнені 7-ками. 23 |

24 | 33 | 34 | 35 | -------------------------------------------------------------------------------- /lesson-07/tasks/task-4.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 4

20 |

Дано масив елементів. Вивести на екран елементи, що більші за 100

21 | 22 | 29 | 30 | 31 | -------------------------------------------------------------------------------- /lesson-07/tasks/task-5.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 5

20 |

5.Дано масив елементів. Знайти добуток додатних елементів

21 | 35 | 36 | 37 | -------------------------------------------------------------------------------- /lesson-07/tasks/task-6.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 6

20 |

21 | 6.Дано масив елементів. Усі елементи, які більші за перший елемент 22 | помножити на 2 23 |

24 | 35 | 36 | 37 | -------------------------------------------------------------------------------- /lesson-07/tasks/task-7.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 7

20 |

21 | 7.Дано масив цін. Змінити цей масив так, що на ціни товарів, які більші за 22 | 1000 грн. дати 30% знижки. 23 |

24 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /lesson-07/tasks/task-8.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 8

20 |

21 | 8. Дано масив номерів авто. Сформувати новий масив тих, які починаються на 22 | «А» 23 |

24 | 41 | 42 | 43 | -------------------------------------------------------------------------------- /lesson-07/tasks/task-9.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 9

20 |

9. Дано масив імен. Сформувати масив з перших літер цих імен.

21 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /lesson-08/tasks/task-1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 1

20 |

21 | Задача. Дано історію цін на цінні папери за деякий період (згенерувати від 22 | 1 до 10000)
23 |
24 | 1)Сформувати новий масив, у якому є тільки ті, що більші за 1000 грн. 25 |

26 | 38 | 39 | 40 | -------------------------------------------------------------------------------- /lesson-08/tasks/task-10.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 10

20 |

21 | Задача. Дано історію цін на цінні папери за деякий період (згенерувати від 22 | 1 до 10000)
23 |
24 | 10)Знайти першу ціну, що більше за 1000 25 |

26 | 39 | 40 | 41 | -------------------------------------------------------------------------------- /lesson-08/tasks/task-11.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 11

20 |

21 | Задача. Дано історію цін на цінні папери за деякий період (згенерувати від 22 | 1 до 10000)
23 |
24 | 11)Знайти індекс першої ціни, що більше за 1000 25 |

26 | 39 | 40 | 41 | -------------------------------------------------------------------------------- /lesson-08/tasks/task-12.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 12

20 |

21 | Задача. Дано історію цін на цінні папери за деякий період (згенерувати від 22 | 1 до 10000)
23 |
24 | 12)Знайти останню ціну, що більше за 1000 25 |

26 | 39 | 40 | 41 | -------------------------------------------------------------------------------- /lesson-08/tasks/task-13.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 13

20 |

21 | Задача. Дано історію цін на цінні папери за деякий період (згенерувати від 22 | 1 до 10000)
23 |
24 | 13)Знайти індекс останньої ціни, що більше за 1000 25 |

26 | 39 | 40 | 41 | -------------------------------------------------------------------------------- /lesson-08/tasks/task-2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 2

20 |

21 | Задача. Дано історію цін на цінні папери за деякий період (згенерувати від 22 | 1 до 10000)
23 |
24 | 2)Сформувати новий масив, у якому є номери тільки тих, що більші за 1000 25 | грн. 26 |

27 | 44 | 45 | 46 | -------------------------------------------------------------------------------- /lesson-08/tasks/task-3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 3

20 |

21 | Задача. Дано історію цін на цінні папери за деякий період (згенерувати від 22 | 1 до 10000)
23 |
24 | 3)Сформувати список з тих цін, які більші за попереднє значення 25 |

26 | 48 | 49 | 50 | -------------------------------------------------------------------------------- /lesson-08/tasks/task-4.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 4

20 |

21 | Задача. Дано історію цін на цінні папери за деякий період (згенерувати від 22 | 1 до 10000)
23 |
24 | 4)Сформувати новий масив, що міститиме значення цін у відсотках стосовно 25 | максимального 26 |

27 | 45 | 46 | 47 | -------------------------------------------------------------------------------- /lesson-08/tasks/task-5.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 5

20 |

21 | Задача. Дано історію цін на цінні папери за деякий період (згенерувати від 22 | 1 до 10000)
23 |
24 | 5)Підрахувати кількість змін цін 25 |

26 | 43 | 44 | 45 | -------------------------------------------------------------------------------- /lesson-08/tasks/task-6.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 6

20 |

21 | Задача. Дано історію цін на цінні папери за деякий період (згенерувати від 22 | 1 до 10000)
23 |
24 | 6)Визначити, чи є ціна, що менше 1000 25 |

26 | 39 | 40 | 41 | -------------------------------------------------------------------------------- /lesson-08/tasks/task-7.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 7

20 |

21 | Задача. Дано історію цін на цінні папери за деякий період (згенерувати від 22 | 1 до 10000)
23 |
24 | 7)Визначати, чи усі ціни більше за 1000 25 |

26 | 39 | 40 | 41 | -------------------------------------------------------------------------------- /lesson-08/tasks/task-8.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 8

20 |

21 | Задача. Дано історію цін на цінні папери за деякий період (згенерувати від 22 | 1 до 10000)
23 |
24 | 8)Підрахувати кількість цін, що більше за 1000 25 |

26 | 39 | 40 | 41 | -------------------------------------------------------------------------------- /lesson-08/tasks/task-9.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 9

20 |

21 | Задача. Дано історію цін на цінні папери за деякий період (згенерувати від 22 | 1 до 10000)
23 |
24 | 9)Підрахувати суму цін, що більше за 1000 25 |

26 | 43 | 44 | 45 | -------------------------------------------------------------------------------- /lesson-09/index-9.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | JS 10 | 11 | 12 |

13 | 18 |

19 |

ДЗ №9

20 | 37 | 38 | 39 | -------------------------------------------------------------------------------- /lesson-09/tasks/task-1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 1

20 |

Знайти суми елементів у вказаній області

21 | 51 | 52 | 53 | -------------------------------------------------------------------------------- /lesson-10/index-10.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | JS 10 | 11 | 12 |

13 | 18 |

19 |

ДЗ №10

20 | 52 | 53 | 54 | -------------------------------------------------------------------------------- /lesson-10/tasks/images/task-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ViktorSvertoka/js-lessons/f662bdd13984ae8ce6ceeeda269d51fbb148eae6/lesson-10/tasks/images/task-4.png -------------------------------------------------------------------------------- /lesson-10/tasks/task-1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 1

20 |

21 | Задача 1. Дано масив 30 випадкових цілих чисел. Підрахувати скільки було 22 | обмінів під час сортування бульбашкою 23 |

24 | 60 | 61 | 62 | -------------------------------------------------------------------------------- /lesson-10/tasks/task-3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 3

20 |

21 | Задача 3. Дано масив 30 випадкових цілих чисел. Підрахувати скільки було 22 | обмінів під час сортування включеннями. 23 |

24 | 46 | 47 | 48 | -------------------------------------------------------------------------------- /lesson-10/tasks/task-4.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 4

20 |

21 | Задача 4. Для розглянутих методів сортування спробувати вивести етапи 22 | сортування шляхом виведення відповідних таблиць за зразком. Тобто кожного 23 | разу після обміну елементів вивести поточний стан масиву на екран. 24 |

25 | task 26 | 29 | 30 | 31 | -------------------------------------------------------------------------------- /lesson-10/tasks/task-5.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 5

20 |

21 | Задача 5. Дано масив імен. Застосовуючи відповідне сортування та бінарний 22 | пошук визначити, чи є у масиві ім’я «Olga» і під яким індексом. 23 |

24 | 56 | 57 | 58 | -------------------------------------------------------------------------------- /lesson-10/tasks/task-6.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 6

20 |

21 | Задача 6. Дано масив імен. Застосовуючи відповідне сортування та бінарний 22 | пошук визначити, чи є у масиві ім’я довжиною 5 символів і під яким 23 | індексом. 24 |

25 | 58 | 59 | 60 | -------------------------------------------------------------------------------- /lesson-11/images/image-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ViktorSvertoka/js-lessons/f662bdd13984ae8ce6ceeeda269d51fbb148eae6/lesson-11/images/image-1.png -------------------------------------------------------------------------------- /lesson-11/images/image-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ViktorSvertoka/js-lessons/f662bdd13984ae8ce6ceeeda269d51fbb148eae6/lesson-11/images/image-2.png -------------------------------------------------------------------------------- /lesson-11/index-11.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | JS 10 | 11 | 12 |

13 | 18 |

19 |

ДЗ №11

20 | 52 | 53 | 54 | -------------------------------------------------------------------------------- /lesson-11/tasks/task-1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 1

20 |

21 | Задача 1. Нехай x0 = 1, xi = xi - 1 + 2 * i, де i = 1,2,3... . Визначити 22 | x10. Розв’язати з використанням рекурсивних і нерекурсивних алгоритмів 23 |

24 | 25 | 50 | 51 | 52 | -------------------------------------------------------------------------------- /lesson-11/tasks/task-2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 2

20 |

21 | Задача 2. Нехай X0 = X1 = 1, Xi = Xi - 1 + 2 * Xi - 2, де i = 2,3... 22 | Визначити Xn. Розв’язати з використанням рекурсивних і нерекурсивних 23 | алгоритмів. 24 |

25 | 26 | 58 | 59 | 60 | -------------------------------------------------------------------------------- /lesson-11/tasks/task-5.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 5

20 |

21 | Задача 5. Тренажер додавання. Кожні 10 секунд користувачу задають 22 | випадковий приклад з додавання двох цифр і робиться перевірка. 23 |

24 | 42 | 43 | 44 | -------------------------------------------------------------------------------- /lesson-11/tasks/task-6.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 6

20 |

21 | Задача 6. Через 20 секунд перейти на сайт ukr.net. Для цього через 20 22 | секунд після відкриття треба виконати команду 23 |
24 | window.location.href = 'https://www.ukr.net/' 25 |

26 | 31 | 32 | 33 | -------------------------------------------------------------------------------- /lesson-12/index-12.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | JS 10 | 11 | 12 |

13 | 18 |

19 |

ДЗ №12

20 | 37 | 38 | 39 | -------------------------------------------------------------------------------- /lesson-12/tasks/task-2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 2

20 |

21 | Розробити функцію, у яку передають об’єкт (день, місяць, рік). Визначити, 22 | який буде рік через N місяців. 23 |

24 | 38 | 39 | 40 | -------------------------------------------------------------------------------- /lesson-13/index-13.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | JS 10 | 11 | 12 |

13 | 18 |

19 |

ДЗ №13

20 | 52 | 53 | 54 | -------------------------------------------------------------------------------- /lesson-14/index-14.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | JS 10 | 11 | 12 |

13 | 18 |

19 |

ДЗ №14

20 | 42 | 43 | 44 | -------------------------------------------------------------------------------- /lesson-15/index-15.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | JS 10 | 11 | 12 |

13 | 18 |

19 |

ДЗ №15

20 | 52 | 53 | 54 | -------------------------------------------------------------------------------- /lesson-15/tasks/task-2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 2

20 |

21 | Створити службове авто (водій, марка, номер). Створити клас таким чином, 22 | щоб можна було створити тільки один екземпляр цього класу. 23 |

24 | 51 | 52 | 53 | -------------------------------------------------------------------------------- /lesson-16/index-16.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | JS 10 | 11 | 12 |

13 | 18 |

19 |

ДЗ №16

20 | 57 | 58 | 59 | -------------------------------------------------------------------------------- /lesson-16/tasks/image01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ViktorSvertoka/js-lessons/f662bdd13984ae8ce6ceeeda269d51fbb148eae6/lesson-16/tasks/image01.png -------------------------------------------------------------------------------- /lesson-16/tasks/image02.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ViktorSvertoka/js-lessons/f662bdd13984ae8ce6ceeeda269d51fbb148eae6/lesson-16/tasks/image02.png -------------------------------------------------------------------------------- /lesson-16/tasks/image03.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ViktorSvertoka/js-lessons/f662bdd13984ae8ce6ceeeda269d51fbb148eae6/lesson-16/tasks/image03.png -------------------------------------------------------------------------------- /lesson-16/tasks/script-1.js: -------------------------------------------------------------------------------- 1 | 'use strict'; 2 | 3 | function add() { 4 | const numberOne = Math.trunc(document.querySelector('.number1').value); 5 | const numberTwo = Math.trunc(document.querySelector('.number2').value); 6 | const totalSum = numberOne + numberTwo; 7 | document.querySelector('.result').value = totalSum; 8 | } 9 | 10 | function subtraction() { 11 | const numberOne = Math.trunc(document.querySelector('.number1').value); 12 | const numberTwo = Math.trunc(document.querySelector('.number2').value); 13 | const totalSum = numberOne - numberTwo; 14 | document.querySelector('.result').value = totalSum; 15 | } 16 | 17 | function multiply() { 18 | const numberOne = Math.trunc(document.querySelector('.number1').value); 19 | const numberTwo = Math.trunc(document.querySelector('.number2').value); 20 | const totalSum = numberOne * numberTwo; 21 | document.querySelector('.result').value = totalSum; 22 | } 23 | 24 | function divide() { 25 | const numberOne = Math.trunc(document.querySelector('.number1').value); 26 | const numberTwo = Math.trunc(document.querySelector('.number2').value); 27 | const totalSum = numberOne / numberTwo; 28 | document.querySelector('.result').value = totalSum; 29 | } 30 | 31 | document.querySelector('.btn-add').addEventListener('click', add); 32 | document 33 | .querySelector('.btn-subtraction') 34 | .addEventListener('click', subtraction); 35 | document.querySelector('.btn-multiply').addEventListener('click', multiply); 36 | document.querySelector('.btn-divide').addEventListener('click', divide); 37 | -------------------------------------------------------------------------------- /lesson-16/tasks/script-2.js: -------------------------------------------------------------------------------- 1 | 'use strict'; 2 | 3 | function converter(usd, euro) { 4 | const uhy = Math.trunc(document.querySelector('.uhy').value); 5 | document.querySelector('.usd').value = uhy / usd; 6 | document.querySelector('.euro').value = uhy / euro; 7 | } 8 | 9 | window.onload = () => { 10 | document.querySelector('.convert').onclick = () => converter(37, 40); 11 | }; 12 | -------------------------------------------------------------------------------- /lesson-16/tasks/styles-1.css: -------------------------------------------------------------------------------- 1 | .feedback-form { 2 | display: flex; 3 | flex-direction: column; 4 | width: 480px; 5 | padding: 12px; 6 | background-color: rgba(0, 0, 0, 0.6); 7 | border: 3px solid #00aced; 8 | border-radius: 4px; 9 | } 10 | 11 | .feedback-form label { 12 | display: flex; 13 | flex-direction: column; 14 | margin-bottom: 20px; 15 | color: #00aced; 16 | } 17 | 18 | .feedback-form input { 19 | height: 30px; 20 | } 21 | 22 | .feedback-form button { 23 | padding: 8px 12px; 24 | font: inherit; 25 | cursor: pointer; 26 | } 27 | 28 | .btn-wrap button { 29 | display: inline-block; 30 | margin-right: 5px; 31 | margin-bottom: 20px; 32 | } 33 | 34 | td { 35 | width: 70px; 36 | height: 70px; 37 | background-color: yellow; 38 | color: #00aced; 39 | font-weight: 700; 40 | font-size: 24px; 41 | text-align: center; 42 | border-radius: 50%; 43 | } 44 | -------------------------------------------------------------------------------- /lesson-16/tasks/task-1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | Document 11 | 12 | 13 |

14 | 19 |

20 |

Задача № 1

21 |

Розробити калькулятор

22 | Калькулятор 23 |
24 |
25 |
26 | 30 | 34 |
35 | 36 | 39 | 40 | 41 |
42 | 46 |
47 | 48 | 49 | 50 | -------------------------------------------------------------------------------- /lesson-16/tasks/task-2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | Document 11 | 12 | 13 |

14 | 19 |

20 |

Задача № 2

21 |

Зробити конвертер валют (курси валют – константи у скрипті)

22 | Конвертер 23 |
24 |
25 |
26 | 30 |
31 | 32 |
33 | 37 | 41 |
42 | 43 | 44 | 45 | -------------------------------------------------------------------------------- /lesson-16/tasks/task-4.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 4

20 |

21 | Наперед задано у скрипті масив зі списком бажань. Після завантаження 22 | сторінки випадковим чином вибираються 3 і відображаються у окремих div (їх 23 | треба створити і додати на сторінку) 24 |

25 | 50 | 51 | 52 | -------------------------------------------------------------------------------- /lesson-16/tasks/task-5.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | Document 11 | 12 | 13 |

14 | 19 |

20 |

Задача № 5

21 |

22 | Відобразити таблицю 3*4 з випадковими числами (її треба динамічно створити 23 | і вставити на сторінку) 24 |

25 | 43 | 44 | 45 | -------------------------------------------------------------------------------- /lesson-17/index-17.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | JS 10 | 11 | 12 |

13 | 18 |

19 |

ДЗ №17

20 | 47 | 48 | 49 | -------------------------------------------------------------------------------- /lesson-17/tasks/asus.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ViktorSvertoka/js-lessons/f662bdd13984ae8ce6ceeeda269d51fbb148eae6/lesson-17/tasks/asus.webp -------------------------------------------------------------------------------- /lesson-17/tasks/img1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ViktorSvertoka/js-lessons/f662bdd13984ae8ce6ceeeda269d51fbb148eae6/lesson-17/tasks/img1.png -------------------------------------------------------------------------------- /lesson-17/tasks/img2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ViktorSvertoka/js-lessons/f662bdd13984ae8ce6ceeeda269d51fbb148eae6/lesson-17/tasks/img2.png -------------------------------------------------------------------------------- /lesson-17/tasks/lenovo.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ViktorSvertoka/js-lessons/f662bdd13984ae8ce6ceeeda269d51fbb148eae6/lesson-17/tasks/lenovo.webp -------------------------------------------------------------------------------- /lesson-17/tasks/script-1.js: -------------------------------------------------------------------------------- 1 | 'use strict'; 2 | -------------------------------------------------------------------------------- /lesson-17/tasks/script-2.js: -------------------------------------------------------------------------------- 1 | 'use strict'; 2 | -------------------------------------------------------------------------------- /lesson-17/tasks/styles-1.css: -------------------------------------------------------------------------------- 1 | body { 2 | width: 100vw; 3 | display: flex; 4 | flex-direction: column; 5 | } 6 | p { 7 | margin: 0; 8 | } 9 | 10 | .mainBlock { 11 | display: flex; 12 | padding: 5px; 13 | gap: 5px; 14 | } 15 | 16 | .blockProduct { 17 | background-color: aliceblue; 18 | border: 1px solid #80808033; 19 | padding: 20px 10px; 20 | display: flex; 21 | flex-direction: column; 22 | gap: 10px; 23 | } 24 | 25 | .blockProduct:hover { 26 | border: 5px solid green; 27 | } 28 | 29 | .conditionGoogsBlock { 30 | width: max-content; 31 | padding: 5px; 32 | border-radius: 20px; 33 | } 34 | 35 | .notSaleProduct { 36 | background-color: rgb(236, 182, 33); 37 | } 38 | 39 | .saleProduct { 40 | background-color: red; 41 | } 42 | 43 | .conditionGoogs { 44 | font-size: 10px; 45 | text-align: center; 46 | color: white; 47 | text-transform: uppercase; 48 | } 49 | 50 | .productImage { 51 | width: 200px; 52 | } 53 | 54 | .description { 55 | display: flex; 56 | flex-direction: column; 57 | gap: 10px; 58 | } 59 | 60 | .priceProduct { 61 | font-size: 30px; 62 | color: red; 63 | } 64 | -------------------------------------------------------------------------------- /lesson-17/tasks/styles-2.css: -------------------------------------------------------------------------------- 1 | .slider-container { 2 | position: relative; 3 | } 4 | 5 | .slider { 6 | display: flex; 7 | width: 100%; 8 | overflow: hidden; 9 | justify-content: center; 10 | } 11 | 12 | .slider-nav { 13 | display: flex; 14 | justify-content: center; 15 | margin-top: 10px; 16 | } 17 | 18 | .slider-nav-btn { 19 | border: none; 20 | background-color: transparent; 21 | color: #666; 22 | cursor: pointer; 23 | font-size: 16px; 24 | margin-right: 10px; 25 | padding: 5px 10px; 26 | transition: color 0.2s ease-in-out; 27 | } 28 | 29 | .slider-nav-btn.active, 30 | .slider-nav-btn:hover { 31 | color: #333; 32 | } 33 | 34 | .slider img.active { 35 | display: block; 36 | } 37 | 38 | .slider img:not(.active) { 39 | display: none; 40 | } 41 | 42 | .slider-nav-btn.prev, 43 | .slider-nav-btn.next { 44 | font-size: 24px; 45 | padding: 5px; 46 | } 47 | 48 | .slider-nav-btn.disabled { 49 | color: #ccc; 50 | cursor: not-allowed; 51 | } 52 | 53 | .slider-nav-btn.current { 54 | font-weight: bold; 55 | color: #333; 56 | } 57 | -------------------------------------------------------------------------------- /lesson-18/index-18.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | JS 10 | 11 | 12 |

13 | 18 |

19 |

ДЗ №18

20 | 37 | 38 | 39 | -------------------------------------------------------------------------------- /lesson-18/tasks/1.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ViktorSvertoka/js-lessons/f662bdd13984ae8ce6ceeeda269d51fbb148eae6/lesson-18/tasks/1.jpeg -------------------------------------------------------------------------------- /lesson-18/tasks/2.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ViktorSvertoka/js-lessons/f662bdd13984ae8ce6ceeeda269d51fbb148eae6/lesson-18/tasks/2.jpeg -------------------------------------------------------------------------------- /lesson-18/tasks/emotion-original.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ViktorSvertoka/js-lessons/f662bdd13984ae8ce6ceeeda269d51fbb148eae6/lesson-18/tasks/emotion-original.png -------------------------------------------------------------------------------- /lesson-18/tasks/svg-original.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ViktorSvertoka/js-lessons/f662bdd13984ae8ce6ceeeda269d51fbb148eae6/lesson-18/tasks/svg-original.png -------------------------------------------------------------------------------- /lesson-18/tasks/terminal-original.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ViktorSvertoka/js-lessons/f662bdd13984ae8ce6ceeeda269d51fbb148eae6/lesson-18/tasks/terminal-original.png -------------------------------------------------------------------------------- /lesson-19/index-19.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | JS 10 | 11 | 12 |

13 | 18 |

19 |

ДЗ №19

20 | 47 | 48 | 49 | -------------------------------------------------------------------------------- /lesson-20/index-20.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | JS 10 | 11 | 12 |

13 | 18 |

19 |

ДЗ №20

20 | 37 | 38 | 39 | -------------------------------------------------------------------------------- /lesson-20/tasks/bird.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ViktorSvertoka/js-lessons/f662bdd13984ae8ce6ceeeda269d51fbb148eae6/lesson-20/tasks/bird.png -------------------------------------------------------------------------------- /lesson-20/tasks/dog.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ViktorSvertoka/js-lessons/f662bdd13984ae8ce6ceeeda269d51fbb148eae6/lesson-20/tasks/dog.png -------------------------------------------------------------------------------- /lesson-20/tasks/house.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ViktorSvertoka/js-lessons/f662bdd13984ae8ce6ceeeda269d51fbb148eae6/lesson-20/tasks/house.png -------------------------------------------------------------------------------- /lesson-21/index-21.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | JS 10 | 11 | 12 |

13 | 18 |

19 |

ДЗ №21

20 | 47 | 48 | 49 | -------------------------------------------------------------------------------- /lesson-21/tasks/task-1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 1

20 |

21 | Задача 1. Користувач іде у відпустку на 56 днів. Визначити дату на момент 22 | його повернення. 23 |

24 | 25 | 37 | 38 | 39 | -------------------------------------------------------------------------------- /lesson-21/tasks/task-4.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 4

20 |

21 | Задача 4. Задаємо користувачу задачу з додавання двох чисел. Визначити 22 | скільки секунд було використано для розв’язання задачі. 23 |

24 | 25 | 42 | 43 | 44 | -------------------------------------------------------------------------------- /lesson-22/tasks/task-1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 1

20 |

21 | Задача 1. Дано масив рядкових представлень чисел (тобто масив чисел у 22 | лапках (string). З використанням перевірки за допомогою регулярних виразів 23 | і груп підрахувати кількість тих, у яких перша і остання літери однакові. 24 |

25 | 26 | 35 | 36 | 37 | -------------------------------------------------------------------------------- /lesson-22/tasks/task-12.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 12

20 |

21 | Задача 12. Зберігати у пам’яті список справ, які користувачу треба 22 | виконати (зберігати у localStorage). Періодично випадковим чином вибирати 23 | якусь з справ і виводити користувачу (з використанням confirm). Якщо 24 | користувач натискає на «Ок», то видаляти цю задачу. 25 |

26 | 27 | 28 | -------------------------------------------------------------------------------- /lesson-22/tasks/task-2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 2

20 |

21 | Задача 2. Замінити номер розділяючи послідовності цифр дефісом згідно з 22 | форматом 0504546626 🡪 +380-50-45-466-26 23 |

24 | 25 | 31 | 32 | 33 | -------------------------------------------------------------------------------- /lesson-22/tasks/task-3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 3

20 |

21 | Задача 3. Після кожного значення року після 2000 року додати «р.» «Я 22 | народився 2001, а в школі пішов 2007» 🡪 «Я народився 2001р., а в школі 23 | пішов 2007р.» 24 |

25 | 26 | 32 | 33 | 34 | -------------------------------------------------------------------------------- /lesson-22/tasks/task-4.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 4

20 |

21 | Задача 4. Вводиться велике число. Кожні 3 розряди відділяти пробілом. 22 | 7457896524 🡪 7 457 896 524 23 |

24 | 25 | 31 | 32 | 33 | -------------------------------------------------------------------------------- /lesson-22/tasks/task-5.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 5

20 |

21 | Задача 5. Дано список з віком учнів. Підрахувати скільки разів кожне 22 | значення зустрічається у списку і максимальне. 23 |

24 | 25 | 42 | 43 | 44 | -------------------------------------------------------------------------------- /lesson-22/tasks/task-6.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 6

20 |

21 | Задача 6. Дано масив книг (назва, рік видання, автор). Підрахувати 22 | кількість книг для кожного автора. 23 |

24 | 25 | 45 | 46 | 47 | -------------------------------------------------------------------------------- /lesson-22/tasks/task-7.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 7

20 |

21 | Задача 7. Дано інформацію про відвідувачів деякого сайту (для кожного 22 | відвідувача зберігається логін). Підрахувати для кожного клієнта кількість 23 | відвідувань. 24 |

25 | 26 | 39 | 40 | 41 | -------------------------------------------------------------------------------- /lesson-23/index-23.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | JS 10 | 11 | 12 |

13 | 18 |

19 |

ДЗ №23

20 | 42 | 43 | 44 | -------------------------------------------------------------------------------- /lesson-23/tasks/task-1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 1

20 |

21 | Задача 1. Дано клас PhoneNumber. Створити функцію перетворення до string, 22 | при якому на основі номера виводиться оператор (050…. 🡪 MTC, 096… 🡪 23 | Kyivstar, ….) 24 |

25 | 26 | 57 | 58 | 59 | -------------------------------------------------------------------------------- /lesson-23/tasks/task-3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 3

20 |

21 | Задача 3. Створити генератор, який би випадковим чином поступово генерував 22 | вказану кількість парних чисел. 23 |

24 | 25 | 46 | 47 | 48 | -------------------------------------------------------------------------------- /lesson-23/tasks/task-4.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 |

13 | 18 |

19 |

Задача № 4

20 |

21 | Задача 4. Використовуючи один з АРІ 22 | https://github.com/public-apis/public-apis#animals та функцію fetch 23 | організувати завантаження та відображення даних 24 |

25 | 26 | 27 |
28 | 29 | 49 | 50 | 51 | 52 | 53 | --------------------------------------------------------------------------------