How to get X and Y coordinates of an HTML element on the page?

Hi everyone! I'm a beginner in JavaScript and web development in general. I have a problem: I need to find out the exact position (X and Y coordinates) of an HTML element relative to the document (the entire page), for example, to dynamically place a tooltip next to this element. I tried using the `offsetLeft` and `offsetTop` properties, but they seem to give the position only relative to the parent container (`offsetParent`), not the entire page. If the element is deeply nested inside several `