function solution() {
    let addGiftInputText = document.querySelector('.card div input')
    let addGiftButton = document.querySelector('.card div button')

    let ListOfGiftsUl = document.querySelectorAll('.card')[1].querySelector('ul')
    let sentGiftsUl = document.querySelectorAll('.card')[2].querySelector('ul')
    let discardGiftsUl = document.querySelectorAll('.card')[3].querySelector('ul')

    addGiftButton.addEventListener('click', addGiftButtonHandler)

    function sendButtonHandler(e) {

        ListElement.removeChild(sendButton)
        ListElement.removeChild(discardButton)


        sentGiftsUl.appendChild(ListElement)

    }
    function discardButtonHandler() {

        ListElement.removeChild(sendButton)
        ListElement.removeChild(discardButton)

        discardGiftsUl.appendChild(ListElement)
    }

    function addGiftButtonHandler() {
        ListElement = document.createElement('li')
        ListElement.classList.add("gift")

        ListElement.innerText = addGiftInputText.value;

        let sendButton = document.createElement('button')
        sendButton.id = "sendButton"
        sendButton.innerText = "Send"

        let discardButton = document.createElement('button')
        discardButton.id = 'discardButton'
        discardButton.innerText = 'Discard'



        ListElement.appendChild(sendButton)
        ListElement.appendChild(discardButton)

     ListOfGiftsUl.appendChild(ListElement)


      sendButton.addEventListener('click', sendButtonHandler)
      discardButton.addEventListener('click', discardButtonHandler)

        addGiftInputText.value = ''

    }
}