Տարրերի ջնջում JavaScript-ում

Եկեք հիմա սովորենք ջնջել տարրերը: Դրա համար անհրաժեշտ է օգտագործել remove մեթոդը: Օրինակով տեսնենք, թե ինչպես է դա արվում: Ենթադրենք ունենք պարբերություններ.

html<p>տարր 1</p>
<p>տարր 2</p>
<p>տարր 3</p>
<p>տարր 4</p>
<p>տարր 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-ից ջնջվի վերջին տարրը: