BananaMaster

11 - Das onchange-Ereignis bei select option ( JavaScript )

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

Task 1.

Erstelle ein select mit mehreren option (One, Two). Gib bei Änderung (onchange) den gewählten Wert in einem div aus.

Task 2.

Erstelle einen Button und ein select mit den Optionen: "red" und "green" (der Optionstext muss den angegebenen Werten entsprechen). Ändere beim Wählen einer Farbe im select die Farbe des Buttons entsprechend dem gewählten Wert.

Task 3.

Erstelle einen Button und ein select mit den Optionen: "100px" und "200px" (der Optionstext muss den angegebenen Werten entsprechen). Ändere beim Wählen einer Größe im select die Breite des Buttons entsprechend dem gewählten Wert.

Task 4.

Erstelle ein input mit dem Typ type="date", einen Button und ein div. Gib beim Klick auf den Button das gewählte Datum im div aus.

Input i-4

Task 5.

Erstelle einen Button und drei select:

Das erste mit den Optionen: "100px" und "200px" für width.

Das zweite mit den Optionen: "50px" und "100px" für height.

Das dritte mit den Optionen: "red" und "green" zur Wahl der background-Farbe.

Der Optionstext muss den angegebenen Werten entsprechen. Ändere bei Änderung der Werte in den select-Feldern Größe und Farbe des Buttons entsprechend den gewählten Werten. Das soll in Echtzeit funktionieren: sobald ich eine neue Option im select wähle, ändert sich der Button sofort.

width height background