[Homework] Advanced JS - JavaScript Design Patterns - Софтуерен университет

[Homework] Advanced JS - JavaScript Design Patterns

Здравейте,

мъча се със задачата to-do лист. Ето примерен код

var createNewSection = (function(title) {
    var sectionNode = document.createElement('section');
    sectionNode.style.border = '1px solid black';
    var sectionTitle = document.createElement('h2');
    sectionTitle.innerHTML = title;
    
    return {
        addToDOM: function() {
            document.getElementById('container').appendChild(sectionNode);
        }
    }
}());

въпроса ми е следния:
как мога да изпълня createNewSection отвън и в същото време да му подам title?

Май не обясних много добре какво искам, но не мога по-добре :)

нещо от сорта на

createNewSection('sometitle').addToDOM();

идеята ми е в eventListener-a за бутона, при кликане да взема стойонстта в inputField-a за име на секцията и след това да я подам на createNewSection

edit:

Ето какво успях да сътворя. Нямам абсолютно никаква идея колко е правилно, но горе-долу работи

todo List Demo

Нямам валидация на информацията и хвърляне на exception-и. Ако не ме домързи утре, може и да го дооправя.

edit 2:

сложих и валидация с exceptions -> ако има вече секция със същото име или ако input-а за нова секция/нов item е празен :)

Здравейте,

ето и моя TODO List + demo

Има неща, които не са оптимизирани, но общо взето съм гледал да спазя MVC модела. В първия вариант, който направих listener-ите се генерираха динамично чрез други listener-и, но сега съм сложил един да слухти на цялото body и в зависимост къде е клика се извиква подходящия onClick. Предполагам е добра практика listener-ите също да се отделят в модулче.

В началото ми се стори пълна безсмислица да правя някакви модели, да слагам инфо в тях и после да си го вземам (при условие, че не се складират никъде тези данни в момента). Освен това в случая са важни Node обектите от DOM-а, т.е. това са реалните обекти, с които работим. Някак си целия модел ми изглеждаше безмислено структуриран по този начин. Преди няколко дни обаче реших да добавя нови бутони и fade ефекти и си промених мението. Понеже си имах вече псевдо клас бутон заедно с други харабии и нещата станаха просто за нула време.