не работает функция для замены рандомного цвета,без аргументов работает с аргументами нет=(

Вот так всё работает! как только меняю в функции square на parent и передаю в запуске функции

square по чему то не работает

const body = document.querySelector('body'),
square = document.createElement('div');
square.classList.add('box');
body.append(square);

const boxColor = ['blue','red','green','yellow','black']


function changeColor (parent){
    const random = boxColor[Math.floor(Math.random() * boxColor.length)]
    square.style.backgroundColor = `${random}`
}

setInterval(changeColor,3000)
changeColor(square);

вот так уже не работает =((

const body = document.querySelector('body'),
square = document.createElement('div');
square.classList.add('box');
body.append(square);

const boxColor = ['blue','red','green','yellow','black']


function changeColor (parent){
    const random = boxColor[Math.floor(Math.random() * boxColor.length)]
    parent.style.backgroundColor = `${random}`
}

setInterval(changeColor,3000)
changeColor(square);