christmasGiftsDelivery

function solution() {
    let giftName = document.querySelector('div input');
    let btnAdd = document.querySelector('div button');
    let [list, sent, discard] = document.querySelectorAll('section ul');

    console.log(giftName, btnAdd);
    console.log(list, sent, discard);

    btnAdd.addEventListener('click', (e) => {
        e.preventDefault();
        let li = document.createElement('li');
        li.className = 'gift';
        li.textContent = giftName.value;
        let btnSend = document.createElement('button');
        btnSend.className = 'sendButton';
        btnSend.textContent = 'Send';
        li.appendChild(btnSend);
        let btnDiscard = document.createElement('button');
        btnDiscard.className = 'discardButton';
        btnDiscard.textContent = 'Discard';
        li.appendChild(btnDiscard);
        list.appendChild(li);

        Array.from(list.children)
            .sort((a, b) => a.textContent.localeCompare(b.textContent))
            .forEach((li) => list.appendChild(li));

        giftName.value = '';

        btnSend.addEventListener('click', (e) => {
            li.removeChild(btnSend);
            li.removeChild(btnDiscard);
            sent.appendChild(li);
        });
        btnDiscard.addEventListener('click', (e) => {
            li.removeChild(btnSend);
            li.removeChild(btnDiscard);
            discard.appendChild(li);
        });
    });
}