JavaScript-এ উপাদান মুছে ফেলার লিঙ্ক তৈরি করা

এখন ধরুন আমাদের কাছে অনেক অনুচ্ছেদ আছে:

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

আসুন আমরা এমন করি যাতে প্রতিটি অনুচ্ছেদের শেষে এটি মুছে ফেলার একটি লিঙ্ক যোগ করা হয়।

প্রথমে শুধু লিঙ্ক যোগ করা বাস্তবায়ন করা যাক:

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

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

এখন এমন করা যাক যাতে লিঙ্কে ক্লিক করলে সংশ্লিষ্ট অনুচ্ছেদটি মুছে যায়:

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();
	});
}

একটি ul ট্যাগ দেওয়া আছে। প্রতিটি li ট্যাগের শেষে এই li তালিকা থেকে মুছে ফেলার একটি লিঙ্ক যোগ করুন।

একটি HTML টেবিল দেওয়া আছে। এতে আরও একটি কলাম যোগ করুন, যেখানে টেবিলের প্রতিটি সারির জন্য সেই সারি মুছে ফেলার একটি লিঙ্ক থাকবে।