✦ InnerHTML
Produkt-Karte
Mit innerHTML können Inhalte dynamisch in HTML-Elemente geschrieben werden.
Hier baust du eine Live-Produktkarte, die sich beim Tippen sofort aktualisiert.
1
Produktname ausgeben
Grundlagen · Texteingabe in ein Div schreiben
Gib einen Produktnamen ein. Er soll sofort im Div darunter als Überschrift erscheinen.
2
Vollständige Produktkarte
innerHTML mit mehreren Eingaben kombinieren
Fülle alle Felder aus und klicke auf "Karte generieren". Im Div soll eine formatierte Produktkarte erscheinen mit Name, Preis und Beschreibung.
3
Warenkorb
innerHTML += · Inhalte anhängen statt überschreiben
Jeder Klick auf "Hinzufügen" soll einen Artikel in den Warenkorb eintragen, ohne die vorherigen zu löschen. Nutze dafür += statt =.