Dies ist eine alte Version des Dokuments!
LU08.A04 - DOM-Elemente manipulieren
Rahmenbedingungen
- Sozialform: individual
- Hilfsmittel:
- Open books
- Zeit: 20 Minuten
- Erwartetes Resultat: Ein JavaScript-File, mit dem Sie Texte in eine HTML-Seite (Textbox) eingeben und diese als Text und AlertBox ausgeben können.
Ausgangslage
Das HTML-DOM ist beschreib- und lesbar. Bisher haben wir nur Inhalte in JS-Erstellt und diese im HTML-DOM anzeigen lassen. Nun wollen wir auch Text vom User in eine HTML-Formuar eingeben und diese in verschiedener Form im Browser anzeigen lassen. Das nachfolgende Script gibt einen in eine Textbox eingegebene Nachricht im Brower direkt, und als Alert-Box-Aus.
| Vor dem Drücken des Buttons | Nach dem Drücken des Buttons |
 |  |
Auftrag
Trennen Sie die beiden Textbereiche, d.h. es sollen neu zwei Text-Eingaben und zwei Buttons erscheinen. Je nachdem welcher Button gedrückt wird, soll der jeweils eingegebene Text im Browser oder als Alert-Box ausgegeben werden.
Zielzustand
Ihre Webseite sollte in etwa wie folgt aussehen bzw. reagieren:
| Vor dem Drücken des Buttons | Nach dem Drücken des Browser-Buttons | Nach dem Drücken des Alert-Buttons |
 |  |  |
