Tambahkan tombol untuk menutup
pentingnya: 5
Ada sebuah daftar pesan.
Gunakan Javascript untuk menambahkan tombol untuk menutup pada bagian pojok kanan atas setiap pesan.
Hasil seharusnya seperti ini:
Untuk Menambahkan tombol kita bisa menggunakan position:absolute (dan membuat pane position:relative) atau float:right. float:right memiliki keuntung dimana tombol tidak akan perna tumpang tindih dengan teks, tetapi position:absolute memberikan lebih banyak kebebasan. Jadi pilihannya pada kamu.
Kemudian pada setiap pane kodenya akan seperti ini:
pane.insertAdjacentHTML("afterbegin", '<button class="remove-button">[x]</button>');Kemudian <button> menjadi pane.firstChild, jadi kita tambahkan sebuah penangan seperti ini:
pane.firstChild.onclick = () => pane.remove();