BananaMaster

26.1 - switch, case, default, if, else if, else, oninput ( js-Lektionen )

Falls du etwas vergessen hast — klicke, um zur Lektion zurückzukehren.

Task 1.

Erstelle ein input type="number", einen Button und ein div. Ist die eingegebene Zahl beim Klick auf den Button größer als 100 — "big" ausgeben, sonst "small".

Task 2.

Erstelle ein select mit Farben (red, blue, green) und ein div. Ändere bei Änderung des select die Textfarbe des divs.

text

Task 3.

Erstelle ein input type="text" und ein div. Zeige den eingegebenen Text im div an. (Muss in Echtzeit funktionieren)

Task 4.

Erstelle ein select mit den Optionen "dark" und "light", einen Button. Ändere beim Klick den Seitenhintergrund: dark — schwarz, light — weiß.

Task 5.

Erstelle ein select und ein div. Gib bei Änderung des select den gewählten Wert im div aus.

Task 6.

Erstelle ein input type="number", einen Button und ein div. Ist die Zahl größer als 10 und kleiner als 20 — "ok" ausgeben, sonst "no".

Task 7.

Erstelle zwei input type="number" und ein div. Ändere in Echtzeit Breite und Höhe des divs entsprechend den eingegebenen Werten. Maximalwert — 400px.