Uitdaging: DOM-Elementen Toevoegen en Verwijderen
Taak
Je bouwt een winkelwagen waarin gebruikers items kunnen toevoegen en verwijderen.
- Voeg een item toe aan de winkelwagen:
- Maak een nieuw
<li>-element aan; - Maak een nieuw
<button>-element aan; - Voeg het nieuwe
<button>-element toe aan het nieuwe<li>-element; - Voeg het nieuwe
<li>-element toe aan de<ul>met de IDcart-list.
- Maak een nieuw
- Verwijder een item uit de winkelwagen: Verwijder het specifieke
<li>-element uit de<ul>.
index.html
index.css
index.js
- Gebruik
createElementom een nieuw<li>-element aan te maken; - Gebruik
createElementom een nieuw<button>-element aan te maken; - Gebruik
appendChildom het nieuwe<button>-element toe te voegen aan het<li>-element; - Gebruik
appendChildom het nieuwe<li>-element toe te voegen aan de<ul>met de IDcart-list; - Gebruik
removeChildom het specifieke<li>-element uit de<ul>te verwijderen.
index.html
index.css
index.js
Was alles duidelijk?
Bedankt voor je feedback!
Sectie 2. Hoofdstuk 11
Vraag AI
Vraag AI
Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.
Awesome!
Completion rate improved to 2.22
Uitdaging: DOM-Elementen Toevoegen en Verwijderen
Veeg om het menu te tonen
Taak
Je bouwt een winkelwagen waarin gebruikers items kunnen toevoegen en verwijderen.
- Voeg een item toe aan de winkelwagen:
- Maak een nieuw
<li>-element aan; - Maak een nieuw
<button>-element aan; - Voeg het nieuwe
<button>-element toe aan het nieuwe<li>-element; - Voeg het nieuwe
<li>-element toe aan de<ul>met de IDcart-list.
- Maak een nieuw
- Verwijder een item uit de winkelwagen: Verwijder het specifieke
<li>-element uit de<ul>.
index.html
index.css
index.js
- Gebruik
createElementom een nieuw<li>-element aan te maken; - Gebruik
createElementom een nieuw<button>-element aan te maken; - Gebruik
appendChildom het nieuwe<button>-element toe te voegen aan het<li>-element; - Gebruik
appendChildom het nieuwe<li>-element toe te voegen aan de<ul>met de IDcart-list; - Gebruik
removeChildom het specifieke<li>-element uit de<ul>te verwijderen.
index.html
index.css
index.js
Was alles duidelijk?
Bedankt voor je feedback!
Sectie 2. Hoofdstuk 11