دکمه بستهشدن اضافه کنید
اهمیت: 5
لیستی از پیامها موجود است.
با استفاده از جاوااسکریپت یک دکمه بستن به گوشه بالا راست هر پیام اضافه کنید.
نتیجه باید چنین چیزی باشد:
برای اضافه کردن دکمه میتوانیم از position:absoulute (و روی pane از position:relative استفاده کنیم) یا اینکه از float:right استفاده کنیم. استفاده از float:right این مزیت را دارد که دکمه هیچوقت روی متن قرار نمیگیرد. اما position:absolute ازادی عمل بیشتری در اختیار ما میگذار. انتخاب بر عهده شماست.
بعد برای هر پیام کد چیزی شبیه این خواهد بود:
pane.insertAdjacentHTML("afterbegin", '<button class="remove-button">[x]</button>');
سپس <button> همان pane.firstChild میشود. پس میتوانیم یک کنترلکننده به آن اختصاص دهیم. مانند زیر:
pane.firstChild.onclick = () => pane.remove();