function clickMe() {
    let btnElement = document.getElementById('click')
    let sectionElement = document.getElementById('section')

    btnElement.addEventListener('mouseenter', deleteElement)

    function deleteElement() {
        sectionElement.removeChild(btnElement)

        let newBtn = document.createElement('button')
        newBtn.textContent = 'Ice Cream'
        newBtn.id = 'left-btn'
        newBtn.addEventListener('mouseenter', rightFunction)
        sectionElement.appendChild(newBtn)
    }

    function rightFunction() {
        elelentToRemove = document.getElementById('left-btn')
        sectionElement.removeChild(elelentToRemove)

        let rightBtn = document.createElement('button')
        rightBtn.textContent = 'Ice Cream'
        rightBtn.id = 'right-btn'
        rightBtn.addEventListener('mouseenter', downFunction)
        sectionElement.appendChild(rightBtn)
    }

    function downFunction() {
        elelentToRemove = document.getElementById('right-btn')
        sectionElement.removeChild(elelentToRemove)

        let downBtnBtn = document.createElement('button')
        downBtnBtn.textContent = 'Ice Cream'
        downBtnBtn.id = 'down-btn'
        downBtnBtn.addEventListener('mouseenter', downLeftFunction)
        sectionElement.appendChild(downBtnBtn)
    }

    function downLeftFunction() {
        elelentToRemove = document.getElementById('down-btn')
        sectionElement.removeChild(elelentToRemove)

        let downLeftBtn = document.createElement('button')
        downLeftBtn.textContent = 'Ice Cream'
        downLeftBtn.id = 'down-left-btn'
        downLeftBtn.addEventListener('mouseenter', downRightFunction)
        sectionElement.appendChild(downLeftBtn)
    }


    function downRightFunction() {
        elelentToRemove = document.getElementById('down-left-btn')
        sectionElement.removeChild(elelentToRemove)

        let downLeftBtn = document.createElement('button')
        downLeftBtn.textContent = 'Ice Cream'
        downLeftBtn.id = 'down-right-btn'
        downLeftBtn.addEventListener('mouseenter', upperFunction)
        sectionElement.appendChild(downLeftBtn)
    }


    function upperFunction() {
        elelentToRemove = document.getElementById('down-right-btn')
        sectionElement.removeChild(elelentToRemove)
        sectionElement.appendChild(btnElement)
    }
}