BananaMaster

26.5 - 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="text", einen Button und ein div. Wird "1234" eingegeben — "ok" ausgeben, sonst "error".

Task 2.

Erstelle ein select mit den Optionen "small", "medium", "large", einen Button und ein div. Ändere beim Klick die Breite des divs: 100px, 200px, 300px.

Task 3.

Erstelle ein input type="text", einen Button und ein div. Wird "admin" oder "boss" eingegeben — "Yes" ausgeben, sonst "No".

Task 4.

Erstelle ein input type="number", einen Button und ein div. Ist die Zahl kleiner als 0 oder größer als 100 — "error" ausgeben, sonst "ok".

Task 5.

Erstelle ein select mit den Optionen "red", "green", "blue", einen Button und ein div. Ändere beim Klick auf den Button die Textfarbe des divs entsprechend dem gewählten Wert.

Text

Task 6.

Erstelle ein input type="number", zwei input und einen Button. Zeige beim Klick die größere Zahl.

Task 7.

Erstelle ein select mit den Optionen "px", "em", "%", ein input type="number", einen Button und ein div. Ändere beim Klick die Größe des Würfels: im input wird der Wert eingegeben, im select die Maßeinheit gewählt. (width and height)