Kursinhalt
Fortgeschrittene JavaScript-Meisterschaft
Fortgeschrittene JavaScript-Meisterschaft
Herausforderung: Hinzufügen und Entfernen von Elementen
Aufgabe
Sie bauen einen Einkaufswagen, in dem Benutzer Artikel hinzufügen und entfernen können.
Einen Artikel zum Warenkorb hinzufügen:
Erstellen Sie ein neues
<li>
-Element;Erstellen Sie ein neues
<button>
-Element;Fügen Sie das neue
<button>
-Element dem neuen<li>
-Element hinzu;Fügen Sie ein neues
<li>
-Element zur<ul>
mit der IDcart-list
hinzu.
Einen Artikel aus dem Warenkorb entfernen: Löschen Sie das spezifische
<li>
-Element aus der<ul>
.
index.html
index.css
index.js
Verwenden Sie
createElement
, um ein neues<li>
-Element zu erstellen;Verwenden Sie
createElement
, um ein neues<button>
-Element zu erstellen;Verwenden Sie
appendChild
, um das neue<button>
-Element zum<li>
-Element hinzuzufügen;Verwenden Sie
appendChild
, um ein neues<li>
-Element zur<ul>
mit der IDcart-list
hinzuzufügen;Verwenden Sie
removeChild
, um das spezifische<li>
-Element aus der<ul>
zu löschen.
index.html
index.css
index.js
Danke für Ihr Feedback!