Retornar posição x y de um elemento HTML com JavaScript

const el = document.querySelector('.position'); // Qualquer elemento HTML

el.getBoundingClientRect();

{
    bottom: 100, // y + height, ou y se height for negativo
    height: 100, // A altura do elemento
    left: 0, // Coordenada left do elemento, x, ou x + width se width for negativo
    right: 100, // x + width, ou x se width for negativo
    top: 0, // Coordenada top do elemento, y, ou y + height se height for negativo 
    width: 100, // A largura do elemento
    x: 0, // Coordenada x do elemento
    y: 0 // Coordenada y do elemento
}