Yopish tugmachasini qo'shing
Xabarlar ro’yxati bor.
Har bir xabarning o’ng yuqori burchagiga yopish tugmasi qo’shish uchun JavaScript-dan foydalaning.
Natija quyidagicha ko’rinishi kerak:
Tugmani qo’shish uchun biz position:absolute (va panelni position:relative qilish) yoki float:right dan foydalanishimiz mumkin. float:right tugmasi hech qachon matnni bir-biriga yopishtirmasligi afzalligi bor, lekin position:absolute ko’proq erkinlik beradi. Demak, tanlov sizniki.
Keyin har bir panel uchun kod shunday bo’lishi mumkin:
pane.insertAdjacentHTML(
"afterbegin",
'<button class="remove-button">[x]</button>'
);Keyin <button> pane.firstChild bo’ladi, shuning uchun biz unga ishlov beruvchini quyidagicha qo’shishimiz mumkin:
pane.firstChild.onclick = () => pane.remove();