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

В предыдущем уроке мы в вами научились делать так, чтобы элементы удаляли сами себя по клику.

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

`<div id="parent"></div>`

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

`let parent = document.querySelector('#parent'); for (let i = 1; i <= 9; i++) { let p = document.createElement('p'); p.textContent = i; p.addEventListener('click', function() { this.remove(); }); parent.appendChild(p); }`

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

`<ul id="parent"> <li>1</li> <li>2</li> <li>3</li> </ul> <input type="submit" id="button">`

Сделайте так, чтобы по клику на кнопку в список добавлялся новый элемент. Сделайте так, чтобы любая `li` удалялась по клику на нее. Речь идет как о тех `li`, которые уже есть в списке, так о новых, созданных после нажатия на кнопку.

← →
↑
en ru