Самоудаление элементов на JavaScript

Пусть у нас есть родитель с элементами:

<div id="parent"> <p>elem 1</p> <p>elem 2</p> <p>elem 3</p> <p>elem 4</p> <p>elem 5</p> </div>

Давайте сделаем так, чтобы любой абзац удалялся по клику на нем:

let parent = document.querySelector('#parent'); let elems = document.querySelectorAll('#parent p'); for (let elem of elems) { elem.addEventListener('click', function() { parent.removeChild(this); }); }

Дан следующий код:

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

Сделайте так, чтобы любая li удалялась по клику на нее.