 
         ведь я добавляю класс open, в котором и прописано display:block
  ведь я добавляю класс open, в котором и прописано display:blockfunction Popup(options){
    this.modal = document.querySelector(options.modal);
    this.overlay = document.querySelector(options.overlay);
    var popup = this;
    this.open = function(content){
        popup.modal.innerHTML = content;
        popup.modal.classList.add('open');
        popup.overlay.classList.add('open');
    };
    this.close = function(){
        popup.overlay.classList.remove('open');
        popup.modal.classList.remove('open');
    };
    this.overlay.onclick = popup.close;
}
window.onload = function(){
    var p = new Popup({
        modal: '.modal',
        overlay: '.overlay'
    });
     
    document.querySelector('.for').onclick = function(){
    var form = document.querySelector('.form');
    p.open(form.innerHTML);
   };
};Вот он, но и он до конца не работает... innerHTML не передаёт стили, а только содержание. Не знаете почему, как исправить?
/* Модальное окно */
    function Popup(options){
    this.modal = document.querySelector(options.modal);
    this.overlay = document.querySelector(options.overlay);
    var popup = this;
    this.open = function(content){
        popup.modal.innerHTML = content;
        popup.modal.classList.add('open');
        popup.overlay.classList.add('open');
    };
    this.close = function(){
        popup.overlay.classList.remove('open');
        popup.modal.classList.remove('open');
    };
    this.overlay.onclick = popup.close;
}
window.onload = function(){
    var p = new Popup({
        modal: '.modal',
        overlay: '.overlay'
    });
     
    document.querySelector('.for').onclick = function(){
    var form = document.querySelector('.form');
    p.open(form.innerHTML);
   };
};
Я пока проверяю на локальном(Openserver) Но в нужной папке Openserver\userdata\temp\email -
пусто!!!