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