JavaScript-də elementlərin silinməsi

Gəlin indi elementləri silməyi öyrənək. Bunun üçün remove metodundan istifadə etmək lazımdır. Nümunə üzərində baxaq, bunun necə edildiyinə. Tutaq ki, abzaslarımız var:

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

Gəlin elə edək ki, istənilən abzas onun üzərinə kliklənildikdə silinsin:

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

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

Aşağıdakı kod verilmişdir:

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

Elə edin ki, istənilən li onun üzərinə kliklənildikdə silinsin.

Задание 2

Aşağıdakı kod verilmişdir:

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

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

Elə edin ki, düyməyə hər klikdə #parent-dan sonuncu element silinsin.