Question

How to get the browser viewport dimensions in JavaScript

Answer 1

const width = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0)
const height = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0)

console.log(width);
console.log(height);
  
    
    
/*
run:

1913
500
    
*/

 

70+ SQL courses for beginners and professionals

Answer 2

let element = (document.compatMode === "CSS1Compat") ? document.documentElement : document.body;

let width = element.clientWidth;
let height = element.clientHeight;


console.log(width);
console.log(height);
  
    
    
/*
run:

1913
500
    
*/

 

70+ SQL courses for beginners and professionals