Проблема с отображением координат мыши

Изучаю js и столкнулась с такой проблемой, мне нужно отобразить координаты мышки внутри блока, а сам блок двигать по вертикали в зависимости от координат мыши. С движением нет проблем. Не получается отобразить координаты в виде чисел, показывает undefined, попробовала перевести в int с помощью parseInt, стал показывать NaN. Как правильно это сделать?

let xy = document.getElementsByClassName('xy')[0];
function f(e) {
    let x = e.pageX;
    let y = e.pageY;
    xy.style.margin = y + 'px';
    xy.innerHTML = x + ':' + y;
    requestAnimationFrame(f);
}
document.onmousemove = f;

xy здесь - класс блока.