Task 1.
Створіть input з type="number" і кнопку. По натисканню на кнопку виводиться число, введене користувачем, збільшене на 5.
Task 2.
Створіть два input з type="number". По натисканню на кнопку виводиться їх різниця (перше мінус друге).
Task 3.
Створіть input з type="date" і кнопку. По натисканню на кнопку виводиться вибрана дата.
Task 4.
Створіть input з type="date", кнопку і пустий список <ul> з класом .out-4. Користувач вибирає дату в input. При натисканні на кнопку виконується функція, яка створює новий тег <li> з вибраною датою і додає його в список. Для розв'язання використовуйте склеювання рядків ('<li>' + ...) і скорочений запис. Важливо: кожний новий клік додає новий елемент в список.
Task 5.
Створіть input з type="color" і кнопку. По натисканню на кнопку вибраний колір виводиться в div як текст. Вивід буде приблизно у вигляді #0f0f0f.
Task 6.
Створіть input з type="color" і кнопку. При натисканні на кнопку її фон змінюється на колір, який ви вибрали в полі input. Для цього використовуйте (style.background =).
Task 7.
Створіть input з type="color" і кнопку. При натисканні на кнопку колір її тексту змінюється на колір, який ви вибрали в полі input. Для цього використовуйте (style.color =). Зверніть увагу: ми замінили background на color, щоб змінювати колір тексту кнопки, а не її фон.
Task 8.
Створіть input з type="color", тег <h1> з текстом "Hello" і кнопку. При натисканні на кнопку змінюйте колір фону тексту в h1 на той, який ви вибрали в полі input. Для цього використовуйте (style.background =).
Task 9.
Створіть три input з type="number" і кнопку. По натисканню на кнопку виводиться в консоль середнє арифметичне трьох чисел. Формула: (inp1 + inp2 + inp3) / 3.