Penghapusan Elemen dalam JavaScript

Sekarang mari kita belajar cara menghapus elemen. Untuk ini, perlu menggunakan kaedah remove. Mari lihat cara melakukannya dengan contoh. Katakan kita mempunyai perenggan:

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

Mari kita buat supaya mana-mana perenggan dihapuskan apabila diklik:

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

for (let elem of elems) {
  elem.addEventListener('click', function() {
    elem.remove();
  });
}
Задание 1

Diberi kod berikut:

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

Buat supaya mana-mana li dihapuskan apabila diklik.

Задание 2

Diberi kod berikut:

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

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

Buat supaya untuk setiap klik pada butang, elemen terakhir dari #parent dihapuskan.