Task 1.
Erstelle ein select mit den Optionen "sun", "rain", "snow", einen Button und ein div.
Gib beim Klick auf den Button das entsprechende Wort aus: sun - "sunny", rain - "rainy", snow -
"snowy".
Task 2.
Erstelle ein input type="number", einen Button und ein div. Ist die Zahl größer als 0 —
"positive" ausgeben, ist sie
kleiner als 0 — "negative", ist sie gleich 0 — "zero".
Task 3.
Erstelle zwei input type="number", einen Button und ein div. Setze beim Klick Breite und
Höhe des divs
auf die eingegebenen Werte.
Task 4.
Erstelle ein input type="number" und einen Button. Ist die Zahl größer als 100 — den
Hintergrund des Buttons grün setzen, sonst rot.
Task 5.
Erstelle ein input type="text". Wird "yes" eingegeben — den Hintergrund des inputs grün
setzen, sonst
— weiß. (Muss in Echtzeit funktionieren)
Task 6.
Erstelle ein input type="number", einen Button und ein div. Ist die Zahl größer als 0 und
kleiner als 10 — "small
number" ausgeben, sonst "no".
Task 7.
Erstelle zwei Buttons und ein div. Erhöhe beim Klick auf "+20" die Breite des Blocks um 20px, beim Klick auf "-20" — verringere sie um 20px. Minimum — 40px, Maximum — 300px. (Ausgangsgröße — 100px auf 100px)