li. И при клике на li добавить в конец, того тега, на который был клик, ! знак. li добавляются с этим все хорошо, а вот при клике на любой li, кроме первого ничего не происходит. А если кликнуть на первый li, то ! знаки добавляются к первому li в количестве всех пунктов меню. Помогите найти ошибку.<button id="button">click me</button>
<ol id="elem"></ol>let button = document.querySelector('#button');
let elem = document.querySelector('#elem');
button.addEventListener('click', function(){
let li = document.createElement('li');
li.innerHTML = 'пункт';
li.className = 'itemLi';
elem.appendChild(li);
let itemLi = document.querySelector('.itemLi');
itemLi.addEventListener('click', function(){
this.innerHTML += '!';
});
});
