01. Christmas Gifts Delivery

function solution() {
    const [gifts, sent, discarded] = document.querySelectorAll('section ul');
    const input = document.querySelector('input');
    document.querySelector('button').addEventListener('click', addEl);

    function addEl() {
        const name = input.value;
        input.value = '';

        const element = e('li', name, 'gift')
        const sentBtn = e('button', 'Send', 'sendButton');
        const discardedBtn = e('button', 'Discard', 'discardButton');

        element.appendChild(sentBtn);
        element.appendChild(discardedBtn);
        gifts.appendChild(element);

        sorted();
        sentBtn.addEventListener('click', () => sentLogic(name, element));
        discardedBtn.addEventListener('click', () => discardedButton(name, element));
    }

    function sentLogic(name, gift) {
        gift.remove();
        const el = e('li', name, 'gift');
        sent.appendChild(el);

    }

    function discardedButton(name, gift) {
        gift.remove();
        const el = e('li', name, 'gift');
        discarded.appendChild(el);
    }

    function sorted() {
        Array
            .from(gifts.children)
            .sort((a, b) => a.textContent.localeCompare(b.textContent))
            .forEach(e => gifts.appendChild(e));

    }

    function e(type, content, className) {
        const result = document.createElement(type);
        result.textContent = content;
        if (className) {
            result.className = className;
        }
        return result;
    }
}