Task 1.
Створіть select з варіантами "sun", "rain", "snow", кнопку і div. Виведіть відповідне слово при кліку на кнопку: sun - "sunny", rain - "rainy", snow - "snowy".
Task 2.
Створіть input type="number", кнопку і div. Якщо число більше 0 — виведіть "positive", якщо менше 0 — "negative", якщо рівне 0 — "zero".
Task 3.
Створіть два input type="number", кнопку і div. При кліку встановіть ширину і висоту div рівними введеним значенням.
Task 4.
Створіть input type="number", кнопку. Якщо число більше 100 — встановіть фон button зелений, інакше червоний.
Task 5.
Створіть input type="text". Якщо введено "yes" — встановіть фон input зелений, інакше — білий. (Повинно працювати в реальному часі)
Task 6.
Створіть input type="number", кнопку і div. Якщо число більше 0 і менше 10 — виведіть "small number", інакше "no".
Task 7.
Створіть дві кнопки і div. При кліку на "+20" збільшуйте ширину блока на 20px, при кліку на "-20" — зменшуйте на 20px. Мінімум — 40px, максимум — 300px. (Початковий розмір — 100px на 100px)