function solution() {
     let section=document.getElementsByClassName('card');
     let addGiftSection=section.item(0).querySelector('ul');
     let listGiftSection=section.item(1).querySelector('ul');
     let sentGiftSection=section.item(2).querySelector('ul');
     let discardedGiftsSection=section.item(3).querySelector('ul');

     let inputArea=document.querySelector('input[type="text"]');
     let addBtn=document.querySelector('button');

     addBtn.addEventListener('click',addGift);


     function addGift(e){
         let giftName=inputArea.value;
         let li=el('li',giftName,{className:'gift'});
         let btnSend=el('button','Send',{id:'sendButton'});
         let btnDiscard=el('button','Discard',{id:'discardButton'});

         li.appendChild(btnSend);
         li.appendChild(btnDiscard);
         listGiftSection.appendChild(li);



         btnSend.addEventListener('click',()=>{
             sentGiftSection.appendChild(li);
             btnSend.remove();
             btnDiscard.remove();


         });
         btnDiscard.addEventListener('click',()=>{
             discardedGiftsSection.appendChild(li);
             btnSend.remove();
             btnDiscard.remove();
         })




     }





    function el(type,content,attributes){
        const result=document.createElement(type);

        if(attributes!==undefined){
            Object.assign(result,attributes);
        }

        if(Array.isArray(content)){
            content.forEach(append);
        }else {
            append(content);
        }

        function append(node){
            if(typeof node==='string' || typeof node==='number'){
                node=document.createTextNode(node);
            }
            result.appendChild(node);
        }
        return result;
    }


}