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.
- Erstellen Sie ein neues
- 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
War alles klar?
Danke für Ihr Feedback!
Abschnitt 2. Kapitel 11
Fragen Sie AI
Fragen Sie AI
Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen
Awesome!
Completion rate improved to 2.22
Herausforderung: Hinzufügen und Entfernen von Elementen
Swipe um das Menü anzuzeigen
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.
- Erstellen Sie ein neues
- 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
War alles klar?
Danke für Ihr Feedback!
Abschnitt 2. Kapitel 11