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から最後の要素が削除されるようにしてください。