Challenge: Add and Remove DOM Elements
Task
You're building a shopping cart where users can add and remove items.
- Add an Item to the Cart:
- Create a new
<li>
element; - Create a new
<button>
element; - Add new
<button>
element to the new<li>
element; - Add a new
<li>
element to the<ul>
with thecart-list
ID.
- Create a new
- Remove an Item from the Cart: Delete the specific
<li>
element from the<ul>
.
index.html
index.css
index.js
- Use
createElement
to create a new<li>
element; - Use
createElement
to create a new<button>
element; - Use
appendChild
to add new<button>
element to the<li>
element; - Use
appendChild
to add a new<li>
element to the<ul>
with the IDcart-list
; - Use
removeChild
to delete the specific<li>
element from the<ul>
.
index.html
index.css
index.js
Var alt klart?
Tak for dine kommentarer!
Sektion 2. Kapitel 11
Spørg AI
Spørg AI
Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat
Awesome!
Completion rate improved to 2.22
Challenge: Add and Remove DOM Elements
Stryg for at vise menuen
Task
You're building a shopping cart where users can add and remove items.
- Add an Item to the Cart:
- Create a new
<li>
element; - Create a new
<button>
element; - Add new
<button>
element to the new<li>
element; - Add a new
<li>
element to the<ul>
with thecart-list
ID.
- Create a new
- Remove an Item from the Cart: Delete the specific
<li>
element from the<ul>
.
index.html
index.css
index.js
- Use
createElement
to create a new<li>
element; - Use
createElement
to create a new<button>
element; - Use
appendChild
to add new<button>
element to the<li>
element; - Use
appendChild
to add a new<li>
element to the<ul>
with the IDcart-list
; - Use
removeChild
to delete the specific<li>
element from the<ul>
.
index.html
index.css
index.js
Var alt klart?
Tak for dine kommentarer!
Sektion 2. Kapitel 11