Завдання: Додавання та Видалення Елементів DOM
Завдання
Ви створюєте кошик для покупок, у якому користувачі можуть додавати та видаляти товари.
- Додати товар до кошика:
- Створити новий елемент
<li>; - Створити новий елемент
<button>; - Додати новий елемент
<button>до нового елемента<li>; - Додати новий елемент
<li>до<ul>з IDcart-list.
- Створити новий елемент
- Видалити товар з кошика: Видалити відповідний елемент
<li>з<ul>.
index.html
index.css
index.js
- Використовуйте
createElementдля створення нового елемента<li>; - Використовуйте
createElementдля створення нового елемента<button>; - Використовуйте
appendChildдля додавання нового елемента<button>до елемента<li>; - Використовуйте
appendChildдля додавання нового елемента<li>до<ul>з IDcart-list; - Використовуйте
removeChildдля видалення відповідного елемента<li>з<ul>.
index.html
index.css
index.js
Все було зрозуміло?
Дякуємо за ваш відгук!
Секція 2. Розділ 11
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
Awesome!
Completion rate improved to 2.22
Завдання: Додавання та Видалення Елементів DOM
Свайпніть щоб показати меню
Завдання
Ви створюєте кошик для покупок, у якому користувачі можуть додавати та видаляти товари.
- Додати товар до кошика:
- Створити новий елемент
<li>; - Створити новий елемент
<button>; - Додати новий елемент
<button>до нового елемента<li>; - Додати новий елемент
<li>до<ul>з IDcart-list.
- Створити новий елемент
- Видалити товар з кошика: Видалити відповідний елемент
<li>з<ul>.
index.html
index.css
index.js
- Використовуйте
createElementдля створення нового елемента<li>; - Використовуйте
createElementдля створення нового елемента<button>; - Використовуйте
appendChildдля додавання нового елемента<button>до елемента<li>; - Використовуйте
appendChildдля додавання нового елемента<li>до<ul>з IDcart-list; - Використовуйте
removeChildдля видалення відповідного елемента<li>з<ul>.
index.html
index.css
index.js
Все було зрозуміло?
Дякуємо за ваш відгук!
Секція 2. Розділ 11