История изменений
Исправление Razip, (текущая версия) :
Чтобы разделить логику. Раньше, создание всех DOM-элементов производилось в одном месте, а теперь – у каждого есть своя функция, в которой он создается.
Вот такая каша была в старой версии (представь какой бы она была, если бы текущий код переписали в таком ключе):
this.layout = document.createElement('div');
this.overlay = document.createElement('div');
this.overlay.className = 'modal-overlay';
this.window = document.createElement('div');
this.window.className = 'modal-window';
this.content = document.createElement('div');
this.content.className = 'modal-content';
this.window.appendChild(this.content);
this.layout.appendChild(this.overlay);
this.layout.appendChild(this.window);
Исходная версия Razip, :
Чтобы разделить логику – раньше создание всех DOM-элементов производилась в одном месте, а теперь у каждого есть своя функция. Вот такая каша была в старой версии (представь какой бы она была, если текущий код был бы написан в таком ключе):
this.layout = document.createElement('div');
this.overlay = document.createElement('div');
this.overlay.className = 'modal-overlay';
this.window = document.createElement('div');
this.window.className = 'modal-window';
this.content = document.createElement('div');
this.content.className = 'modal-content';
this.window.appendChild(this.content);
this.layout.appendChild(this.overlay);
this.layout.appendChild(this.window);