Помогите, пожалуйста.
Сообщения добавляются, но если я пытаюсь удалить первоее сообщение, то удаляются все, при нажатии на остальные ничего не происходит.
Вот код:
// Добираемся до стены с сообщениями
let chatContent = document.querySelector (’.chat-content’) ;
let chatMessages = chatContent.children ;
// Добираемся до элементов формы
let chatForm = document.querySelector (’.chat-form’) ;
let input = document.querySelector (’.chat-form-input’) ;
// Добираемся до шаблона сообщения
let template = document.querySelector (’#message-template’).content ;
let itemTemplate = template.querySelector (’.chat-message’) ;
let deleteMessage = function (message) {
let delButton = document.querySelector (’.chat-message-button’) ;
delButton.addEventListener (‘click’, function () {
message.remove () ;
})
}
chatForm.addEventListener (‘submit’, function (evt) {
evt.preventDefault () ;
let clonedElement = itemTemplate.cloneNode (true) ;
let clonedElementText = clonedElement.querySelector (’.chat-message-text’) ;
clonedElementText.textContent = input.value ;
chatContent.append (clonedElement) ;
deleteMessage (clonedElement) ;
input.value = ‘’ ;
})