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.