Laboratoriya 11 — DOM: Element qo'shish va o'chirish

Vazifa

JavaScript orqali ro'yxatga yangi element qo'shing va oxirgisini yoki tanlanganini o'chiring.

Qadamlar: ism kiriting → "Add item" → element ro'yxatga qo'shiladi. "Remove last" oxirgi elementni o'chiradi. Har bir element yonidagi "X" tugmasi bilan o'sha elementni o'chirish mumkin.

Ro'yxat:

DOM API: document.createElement, element.appendChild, parent.removeChild, element.addEventListener

Qanday ishlaydi (qisqacha izoh)

  1. addItem() — inputdan matn olib yangi <li> yaratadi, ichiga o'chirish tugmasi qo'shadi va ro'yxatga qo'shadi.
  2. removeLast() — ro'yxatdagi oxirgi element borligini tekshiradi va o'chiradi.
  3. clearAll() — butun ro'yxatni tozalaydi.
  4. deleteItem(event) — tugmaga bosilganda faqat shu elementni o'chiradi. Event bubbling va event.target ishlatiladi.