Генератор ошибок

Генератор ошибок. Архитектура - модуль.

by Artem

CSS

.js-message {
  padding: 10px 15px;
  font-family: sans-serif;
  color: #fff;
}

.error-message {
  background-color: rgba(255, 0, 0, .5);
}

.info-message {
  background-color: rgba(0, 0, 255, .5);
}

JavaScript

'use strict';
let GenerateMessage = function() {
  let message = document.createElement('div');
  message.classList.toggle('js-message', true);

  function fillMessage(messageData) {
    message.dataset.message = messageData;
    message.innerText = messageData;
  }

  function createMessage(el) {
    let element = el || document.body;
    element.appendChild(message);
    return createMessage;
  }

  createMessage.error = function(errorMessage) {
    message.classList.toggle('error-message', true);
    fillMessage(errorMessage);
  };

  createMessage.info = function(infoMessage) {
    message.classList.toggle('info-message', true);
    fillMessage(infoMessage);
  };

  createMessage.debug = function() {
    console.log(message);
  };

  return createMessage;
};

let message1 = GenerateMessage();
let message2 = GenerateMessage();

message1().error('Ошибка');

message2();
message2.info('Информационное сообщение');

//message1.debug();
//message2.debug();