ScreenDetails.currentScreen

const zeigeAktuellenBildschirm = async () => {
  if (!('getScreenDetails' in window)) {
    console.log('Window Management API wird nicht unterstützt.');
    return;
  }
  const details = await window.getScreenDetails();
  const aktuell = details.currentScreen;
  console.log(`Bildschirm: ${aktuell.label}`);
  console.log(`Primär: ${aktuell.isPrimary}, intern: ${aktuell.isInternal}`);
  console.log(`Größe: ${aktuell.width}x${aktuell.height} @ ${aktuell.devicePixelRatio}x`);
};

zeigeAktuellenBildschirm();

const button = document.querySelector('#praesentieren');

button.addEventListener('click', async () => {
  const details = await window.getScreenDetails();
  const { currentScreen, screens } = details;

  // Ersten Bildschirm wählen, auf dem das Fenster NICHT liegt
  const ziel = screens.find((s) => s !== currentScreen) ?? currentScreen;

  await document.querySelector('#folien').requestFullscreen({ screen: ziel });
  console.log(`Vollbild auf: ${ziel.label}`);
});

const details = await window.getScreenDetails();

const aktualisiereLayout = () => {
  const { currentScreen } = details;
  document.body.classList.toggle('kompakt', currentScreen.isInternal);
  console.log(`Fenster liegt jetzt auf: ${currentScreen.label}`);
};

details.addEventListener('currentscreenchange', aktualisiereLayout);
aktualisiereLayout();