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);

Тугмани босганда дарчанинг эни ва баландлигини чиқаринг.

Тугмани босганда дарчада тик сургич борлигини текширинг.

Тугмани босганда дарчада горизонтал сургич борлигини текширинг.