L04_Haushaltshilfe:Data

Aufgabe

Nun hast du bereits eine Haushaltshilfe-Seite erstellt, die vielleicht auch schon funktioniert. Jetzt möchten aber die Dienstleister weitere Hilfeangebote oder Waren festlegen können, jedoch ohne dabei in der HTML-Datei neue Elemente hinzufügen zu müssen. Dafür muss also eine Trennung von Struktur und Inhalt erfolgen.

Definiere eine Datenstruktur, mit der deine Seite die aktuelle Funktionalität beibehalten kann, welche aber gleichzeitig übersichtlich und für andere Nutzer nachvollziehbar ist. Weiterhin sollst du deine Haushaltshilfe-Seite mit der entwickelten Datenstruktur teilweise dynamisch generieren lassen. Die Daten sollen in einer separaten Datei definiert sein. Überarbeite deine Konzepte so, dass sie für diese Aufgabe alle nötigen Informationen und Funktionen angeben und arbeitet danach an der Umsetzung.

Hinweise

• Behalte alle deine Eingabeelemente von der letzten Aufgabe bei.
• Orientiere dich auch hier an der aktuellen Lektion.
• Wenn du einmal in deinem Code einen logischen Fehler nicht findest, versuch es doch die Gummi-Enten-Methode, ansonsten frag' im Praktikum oder per Issue nach Hilfe oder erkundige dich beim Praktikanten.