Zusammenfassung
Javascript
Wir haben heute unser Katalog weiterentwickelt:
1. Ein Kärtchen wird mit dem JavaScript erzeugt:
a. Ein JSON Objekt mit Daten (Name, Bildadresse, Eigenschaften) wird erstellt.
b. Aus dem o.g. JSON Objekt wird HTML Code für ein Kärtchen generiert.
2. Kärtchen bekommen klasse .card und werden mit CSS angepasst:
a. border: 1px solid black;
b. width: 300px;
3. Die Breite vom Bild nimmt die ganze Breite der Karte. CSS: width: 100%;
Hausaufgabe
Die Struktur des Kärtchen so umbauen, dass der Name aus dem "header" ins "content" verschoben wird. Das JS Funktion appendCard() muss dafür umgebaut werden: h3 Element wird nicht mehr Child vom "header", sondern Child vom "content".
Schickt eure Hausaufgaben auf die E-Mail fn1.kiberone@gmail.com