ელემენტების წაშლა 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-დან წაიშალოს ბოლო ელემენტი.