todoList

var createNewSection = function(title) {
    //var sectionTitle = document.getElementById('new-section-name').value;
    var sectionNode = document.createElement('section');
    var sectionTitle = document.createElement('h4');
    //sectionTitle.innerHTML = "some test title";
    sectionTitle.innerHTML = title;
    var todoList = document.createElement('ul');
    //to do - need to fix the id here
    todoList.id = title;
    todoList.style.border = '1px solid black';

    var newItemForm = document.createElement('form');
    var newItemNameInput = document.createElement('input');
    newItemNameInput.id = 'new-item-description';
    newItemNameInput.type = 'text';

    var newItemNameButton = document.createElement('input');
    newItemNameButton.id = 'new-item-submit-button';
    newItemNameButton.type = 'button';
    newItemNameButton.value = '+';

    newItemForm.appendChild(newItemNameInput);
    newItemForm.appendChild(newItemNameButton);

    sectionNode.appendChild(sectionTitle);
    sectionNode.appendChild(todoList);
    sectionNode.appendChild(newItemForm);

    return {
        addToDOM: function() {
            var containerElement = document.getElementById('container');
        containerElement.appendChild(sectionNode);
        }
    }
};

var newSectionBtn = document.getElementById('new-section-submit-button');

newSectionBtn.addEventListener('click', function(e) {
    var sectionName = document.getElementById('new-section-name').value;
    var section = createNewSection(sectionName);
    section.addToDOM();
});