Exercise 14: Get Element Position (offset)

Problem Statement

Function `getElementPosition(el)` banao jo element ki position return kare relative to document. Example: getElementPosition(divEl) => {x: 100, y: 200}

Sample Output:

getElementPosition(divEl) => {x: 100, y: 200}
// Returns position relative to document

Solution

const getElementPosition = (el) => {
  const rect = el.getBoundingClientRect();
  return {
    x: rect.left + window.scrollX,
    y: rect.top + window.scrollY
  };
};

Explanation

Overall Goal:

  • Element ki absolute position get karna.

Real world:

  • Positioning: element coordinates.
  • Tooltips: position calculation.