var msgTemplateContent = document.querySelector('#message-template').content;
var inputForWriteMsg = document.querySelector('.chat-form-input');
var formToSendMsg = document.querySelector('.chat-form');
var chatWindow = document.querySelector('.chat-content');

var addNewMessage = function(msgText) {
  if ( msgText.length >= 1 ) {
    var msgContent = msgTemplateContent.cloneNode(true);

    msgContent.querySelector('.chat-message-text').textContent = msgText;

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

    chatWindow.appendChild(msgContent);

  }
}

formToSendMsg.addEventListener('submit', function(evt) {
  evt.preventDefault();
  addNewMessage(inputForWriteMsg.value);
  inputForWriteMsg.value = '';
});