Task 1.
Создайте select с вариантами "red", "blue", "green" и div. При изменении select меняйте цвет
фона div на выбранный.
Task 2.
Создайте input type="range" и div. При изменении значения меняйте ширину div в пикселях.
Task 3.
Создайте input type="text", кнопку и div. Если поле ввода пустое — выведите "empty", иначе
"not
empty".
Task 4.
Создайте select с вариантами "low", "medium", "high", кнопку и div.
При клике на кнопку выведите в div число в зависимости от выбранного варианта:
если выбран "low" — 1, если "medium" — 2, если "high" — 3.
Task 5.
Создайте input type="number", кнопку и div.
Если число больше 0 и меньше 100 — выведите "valid number",
иначе — пустую строку ('').
Task 6.
Создайте select с вариантами "html", "css", "js", кнопку и div. При клике выведите короткое
описание: html - "structure", css - "style", js - "logic".
Task 7.
Создайте два input type="range" и div.
В реальном времени изменяйте ширину и высоту div
от 50px до 300px.