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

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

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

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

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

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

Задание 1

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

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

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

Задание 2

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

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

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

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