JavaScript에서 요소 삭제하기

이제 요소를 삭제하는 방법을 배워봅시다. 이를 위해서는 remove 메서드를 사용해야 합니다. 어떻게 하는지 예제를 통해 살펴보겠습니다. 다음과 같은 문단이 있다고 가정해 보겠습니다:

<p>요소 1</p>
<p>요소 2</p>
<p>요소 3</p>
<p>요소 4</p>
<p>요소 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의 마지막 요소가 삭제되도록 만드세요.