Добрый день.
Я решил задачу, но рыжий хулиган не хочет засчитывать мой вариант.
Прошу вашего времени и критики, что не так.
А так же просьба подсказать по трудности, с которой я столкнулся:
Долгое время у меня не работал обработчик событий на кнопке <button>, что в теге <template>.
Как я нагуглил, обработчик событий не вешается на элемент который не существует, это действительно так?
Ниже мой код, оцените пожалуйста и скажите что не так и как можно было сделать лучше?
var messageItem = document.querySelector('#message-template').content;
var messageCard = messageItem.querySelector('.chat-message');
var generalChat = document.querySelector('.chat-content');
var inputValue = document.querySelector('.chat-form-input');
var chatMessage = messageCard.querySelector('.chat-message-text');
var pullButton = document.querySelector('.chat-form');
pullButton.addEventListener('submit', function(evt) {
evt.preventDefault();
chatMessage.textContent = inputValue.value;
var newCard = messageCard.cloneNode(true);
var mainCard = newCard.children;
generalChat.appendChild(newCard);
var butclose = newCard.querySelector('.chat-message-button');
butclose.addEventListener('click', function () {
newCard.remove();
});
});
Чат работает, но не засчитывает.