Membuat Tautan untuk Menghapus Elemen dengan JavaScript

Sekarang anggap kita memiliki banyak paragraf:

<div id="parent">
	<p>text1</p>
	<p>text2</p>
	<p>text3</p>
</div>

Mari kita buat agar setiap paragraf ditambahkan tautan penghapusan di akhir.

Pertama-tama, mari kita implementasikan penambahan tautan:

let elems = document.querySelectorAll('#parent p');

for (let elem of elems) {
	let remove = document.createElement('a');
	remove.href = '';
	remove.textContent = 'remove';
	
	elem.appendChild(remove);
}

Sekarang mari kita buat agar ketika tautan diklik, paragraf yang sesuai akan dihapus:

let elems = document.querySelectorAll('#parent p');

for (let elem of elems) {
	let remove = document.createElement('a');
	remove.href = '';
	remove.textContent = 'remove';
	elem.appendChild(remove);
	
	remove.addEventListener('click', function(event) {
		elem.remove();
		event.preventDefault();
	});
}

Diberikan tag ul. Tambahkan di akhir setiap tag li sebuah tautan untuk menghapus li ini dari daftar.

Diberikan tabel HTML. Tambahkan satu kolom lagi ke dalamnya, di mana untuk setiap baris tabel akan ada tautan untuk menghapus baris tersebut.