screen.width es el ancho de su pantalla, como 1400.

screen.height es la altura de su pantalla, como 900.

Utilizar este:

 function changePosition(){ let x=document.getElementById('x').value; let y=document.getElementById('y').value; if(x>screen.width || y>screen.height){ alert('Error: Wrong input!!'); return false; // stop running code } let triangle=document.getElementById('triangle'); triangle.style.left=x+'px'; triangle.style.top=y+'px'; }

 div.triangle{ position:absolute; /* free to change element position in screen. */ right:0px; top:0px; width:100px; height:50px; border:solid 1px black; }

 <div id="triangle" class="triangle"></div> <input id="x" placeholder="x" type="number"> <input id="y" placeholder="y" type="number"> <input type="button" onclick="changePosition();" value="change pos">

En primer lugar, uno tiene que saber la diferencia entre screen , window , document y viewport . Cada uno proporciona un ancho/alto diferente. Los desglosaré brevemente.

• Pantalla: la pantalla física real de su dispositivo.
  • window.screen.width or window.screen.height : El tamaño real de la pantalla, es decir, el tamaño completo de la pantalla de su dispositivo. Leer
• Ventana: toda la ventana del navegador. Su ancho/alto incluye la barra de menú, la barra de marcadores, etc. y la ventana gráfica.
  • window.outerWidth or window.outerHeight : El tamaño del navegador. Leer
• Ventana gráfica: es el área del rectángulo donde las cosas son visibles para usted, es decir, parte de la página web que está viendo que está visible actualmente.
  • window.innerWidth or window.innerHeight : devuelve ancho/alto (en píxeles), incluida la barra de desplazamiento y los bordes. Por lo tanto, probablemente el tamaño que necesita. Leer
  • x.clientWidth or x.clientHeight : por ejemplo document.getElementsByTagName('html')[0].clientWidth devolverá el ancho/alto menos la barra de desplazamiento, los bordes y los márgenes. Leer
• Documento: Toda la página web. Su ancho/alto puede exceder la ventana gráfica/ventana, es decir, desplazarse vertical/horizontalmente para ver el resto del documento en la ventana gráfica.
  • Depreciado (no se puede usar) window.document.widthLeer

Entonces, habiendo leído y entendido todo esto, puede decidir cuál usar.