Get mouse position

mousePosition.js

const out = document.querySelector('output');
const plaindiv = document.querySelector('div');
const absdiv = document.querySelector('div.absolute');
const floatdiv = document.querySelector('div.float');

const getposition = ev => {
    let x = ev.clientX;
    let y = ev.clientY;
    let pos = ev.target.getBoundingClientRect();
    return {
      x: x - pos.x|0,
      y: y - pos.y|0
    };
  }
 
 const showposition = ev => {
   let {x:x,y:y} = getposition(ev);
   out.innerText = `x: ${x} y: ${y}`;
 };
plaindiv.addEventListener('mousemove', showposition);
absdiv.addEventListener('mousemove', showposition);
floatdiv.addEventListener('mousemove', showposition);