Check reduced-motion with js

reduced-motion.js

// variant 1
function getPrefersReducedMotion() {
  const mediaQueryList = window.matchMedia(
    '(prefers-reduced-motion: no-preference)'
  );
  const prefersReducedMotion = !mediaQueryList.matches;
  return prefersReducedMotion;
}

// variant 2 - complex with event
const mediaQueryList = window.matchMedia(
  '(prefers-reduced-motion: no-preference)'
);
const listener = (event) => {
  const getPrefersReducedMotion = getPrefersReducedMotion();
};
mediaQueryList.addListener(listener);
////  Later:
mediaQueryList.removeListener(listener);