Διαστάσεις Παραθύρου σε JavaScript

Οι ακόλουθες ιδιότητες περιέχουν τις διαστάσεις του παραθύρου του προγράμματος περιήγησης, χωρίς να συμπεριλαμβάνουν τη γραμμή κύλισης:

let w = document.documentElement.clientWidth;  // πλάτος
let h = document.documentElement.clientHeight; // ύψος

Οι ακόλουθες ιδιότητες συμπεριλαμβάνουν τη γραμμή κύλισης:

let w = window.innerWidth;  // πλάτος
let h = window.innerHeight; // ύψος

Η διαφορά μεταξύ των δύο τύπων ιδιοτήτων δίνει το μέγεθος της γραμμής κύλισης:

let w1 = document.documentElement.clientWidth;
let w2 = window.innerWidth;

console.log(w2 - w1);

Πατώντας το κουμπί, εμφανίστε το πλάτος και το ύψος του παραθύρου.

Πατώντας το κουμπί, ελέγξτε για την ύπαρξη κάθετης κύλισης στο παράθυρο.

Πατώντας το κουμπί, ελέγξτε για την ύπαρξη οριζόντιας κύλισης στο παράθυρο.