Не работает анимация

Попробовал написать анимацию самостоятельно, не вышло. Ошибок в консоли нет. В нетворке после создания переменной сразу переходит на событие клика кнопки и далее уходит в html файл. Посмотрел код в видео, вроде все одно и тоже.

<button>click me</button>
    <div class="border">
        <div class="box"></div>
    </div>

...........................................

let btn = document.querySelector('button');
let box = document.querySelector('.box');


function myAnimation() {
    let pos = 0;
    
    let id = setInterval(frame, 10);    
    function frame () {
        if(pos == 400) {
            clearInterval(id);
        }else {
            pos++;
            box.style.top = pos + 'px';
            box.style.left = pos + 'px';
        }
    }
}

btn.addEventListener('click', myAnimation);