JavaScript-এ এলিমেন্ট ডিলিট করা

চলুন এখন শিখি কিভাবে এলিমেন্ট ডিলিট করতে হয়। এর জন্য দরকার remove মেথডটি ব্যবহার করা। চলুন একটি উদাহরণ দেখি, কিভাবে এটি করা হয়। ধরুন আমাদের কাছে কিছু প্যারাগ্রাফ আছে:

<p>elem 1</p>
<p>elem 2</p>
<p>elem 3</p>
<p>elem 4</p>
<p>elem 5</p>

চলুন এমন করি যাতে যেকোনো প্যারাগ্রাফ তাতে ক্লিক করলে ডিলিট হয়ে যায়:

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

for (let elem of elems) {
	elem.addEventListener('click', function() {
		elem.remove();
	});
}

নিচের কোডটি দেওয়া আছে:

<ul>
	<li>1</li>
	<li>2</li>
	<li>3</li>
</ul>

এমন করো যাতে যেকোনো li ডিলিট হয় তাতে ক্লিক করলে।

নিচের কোডটি দেওয়া আছে:

<ul id="parent">
	<li>1</li>
	<li>2</li>
	<li>3</li>
</ul>

<input type="submit" id="button">

এমন করো যাতে বাটনে প্রতিবার ক্লিক করলে #parent এর শেষ এলিমেন্টটি ডিলিট হয়ে যায়।