function event_buttons() {
    let divArr = document.querySelectorAll('div')
    let div_one = Array.from(divArr)[0]
    let div_two = Array.from(divArr)[1]
    let div_tree = Array.from(divArr)[2]

    let buttonDownOne = Array.from(div_one.children)[1]
    let buttonDownTwo = Array.from(div_two.children)[1]
    let buttonUpOne = Array.from(div_two.children)[2]
    let buttonUpTwo = Array.from(div_tree.children)[1]


    buttonDownOne.addEventListener('click', () => {
        let span_one_content = Array.from(div_one.children)[0].textContent
        let span_two_content = Array.from(div_two.children)[0].textContent
        Array.from(div_one.children)[0].textContent = span_two_content
        Array.from(div_two.children)[0].textContent = span_one_content
    })

    buttonUpTwo.addEventListener('click', () => {
        let span_two_content = Array.from(div_two.children)[0].textContent
        let span_tree_content = Array.from(div_tree.children)[0].textContent
        Array.from(div_tree.children)[0].textContent = span_two_content
        Array.from(div_two.children)[0].textContent = span_tree_content
    })

    buttonDownTwo.addEventListener('click', () => {
        let span_two_content = Array.from(div_two.children)[0].textContent
        let span_tree_content = Array.from(div_tree.children)[0].textContent
        Array.from(div_two.children)[0].textContent = span_tree_content
        Array.from(div_tree.children)[0].textContent = span_two_content
    })

    buttonUpOne.addEventListener('click', () => {
        let span_one_content = Array.from(div_one.children)[0].textContent
        let span_two_content = Array.from(div_two.children)[0].textContent
        Array.from(div_two.children)[0].textContent = span_one_content
        Array.from(div_one.children)[0].textContent = span_two_content
    })

}

event_buttons()