Третья программа

Курсы Манипуляции с DOM
1

Приветствую. Посмотрел чужие решения, понял, что мой вариант никуда не годится. Но все-же, если кто в курсе, скажите почему сообщения не добавляются > 1? При попытке добавить новое, старое просто перезаписывается. Спасибо за внимание
var chatContent = document.querySelector(’.chat-content’);
var template = document.querySelector(’#message-template’).content;
var chatMessageTemplate = template.querySelector(’.chat-message’);
var form = document.querySelector(’.chat-form’);
var inputForm = form.querySelector(’.chat-form-input’);
var newMessage = chatMessageTemplate.cloneNode(true);

form.addEventListener('submit', function (evt) {
  evt.preventDefault();
  
  var text = newMessage.querySelector('.chat-message-text'); 
  text.textContent = inputForm.value;
  
  chatContent.appendChild(newMessage);
  inputForm.value = '';
  });


var button = newMessage.querySelector('.chat-message-button');
button.addEventListener('click', function() {
  newMessage.remove();

  });