Task 1.
Create a select with options "red", "blue", "green" and a div.
When the select value changes, update the background color of the div.
Task 2.
Create an input type="range" and a div.
When the value changes, update the width of the div in pixels.
Task 3.
Create an input type="text", a button, and a div.
If the input is empty — display "empty", otherwise "not empty".
Task 4.
Create a select with options "low", "medium", "high", a button, and a div.
When the button is clicked, display a number based on the selected value:
"low" — 1, "medium" — 2, "high" — 3.
Task 5.
Create an input type="number", a button, and a div.
If the number is greater than 0 and less than 100 — display "valid number",
otherwise display an empty string ('').
Task 6.
Create a select with options "html", "css", "js", a button, and a div.
When clicked, display a short description:
html — "structure", css — "style", js — "logic".
Task 7.
Create two input type="range" and a div.
In real time, update the width and height of the div
from 50px to 300px.