javascript function to test conditions under specific browser size [duplicate]

Question

Trying to write a function that will test conditions with certain browser window size using JavaScript. For example:

if ( window.width <= 500 && window.height <= 500){
do something ;
}else{
do something;

Are there any existing commands for JavaScript?

Answer 1

You can use window.innerWidth and window.innerHeight. Those should give you the viewport width and height respectively.

Answer 2

In javascript, if you are running in a browser, you can use window.innerWidth and window.innerHeight, or also window.clientWidth and window.clientHeight.

There are little differences, you can read more about it here

Answer 3

Use window.screen.availHeight window.screen.availWidth and set them in variables to work with for example..

const height = window.screen.availHeight
const width window.screen.availWidth

if(width) {
do something}