Task 1.
Créez un select avec les options "sun", "rain", "snow", un bouton et un div. Affichez
le mot correspondant au clic sur le bouton : sun - "sunny", rain - "rainy", snow - "snowy".
Task 2.
Créez un input type="number", un bouton et un div. Si le nombre est supérieur à 0 —
affichez "positive", s'il est
inférieur à 0 — "negative", s'il est égal à 0 — "zero".
Task 3.
Créez deux input type="number", un bouton et un div. Au clic, réglez la largeur et la
hauteur du div
sur les valeurs saisies.
Task 4.
Créez un input type="number" et un bouton. Si le nombre est supérieur à 100 — réglez le
fond du bouton en vert, sinon en rouge.
Task 5.
Créez un input type="text". Si "yes" est saisi — réglez le fond de l'input en vert, sinon
— en
blanc. (Doit fonctionner en temps réel)
Task 6.
Créez un input type="number", un bouton et un div. Si le nombre est supérieur à 0 et
inférieur à 10 — affichez
"small number", sinon "no".
Task 7.
Créez deux boutons et un div. Au clic sur "+20", augmentez la largeur du bloc de 20px, au clic sur "-20" — diminuez-la de 20px. Minimum — 40px, maximum — 300px. (Taille initiale — 100px sur 100px)