Task 1.
Erstelle ein select mit den Optionen "red", "blue", "green" und ein div. Ändere bei
Änderung des select die
Hintergrundfarbe des divs entsprechend der Auswahl.
Task 2.
Erstelle ein input type="range" und ein div. Ändere bei Wertänderung die Breite des divs
in Pixeln.
Task 3.
Erstelle ein input type="text", einen Button und ein div. Ist das Eingabefeld leer —
"empty" ausgeben, sonst
"not
empty".
Task 4.
Erstelle ein select mit den Optionen "low", "medium", "high", einen Button und ein div.
Gib beim Klick auf den Button je nach gewählter Option eine Zahl im div aus:
ist "low" gewählt — 1, bei "medium" — 2, bei "high" — 3.
Task 5.
Erstelle ein input type="number", einen Button und ein div.
Ist die Zahl größer als 0 und kleiner als 100 — "valid number" ausgeben,
sonst — eine leere Zeichenkette ('').
Task 6.
Erstelle ein select mit den Optionen "html", "css", "js", einen Button und ein div. Gib
beim Klick eine kurze
Beschreibung aus: html - "structure", css - "style", js - "logic".
Task 7.
Erstelle zwei input type="range" und ein div.
Ändere in Echtzeit Breite und Höhe des divs
von 50px bis 300px.