Андозаҳои равзана дар JavaScript

Хосиятҳои зерин андозаҳои равзанаи браузерро дар бар мегиранд, ки навори ҳаракатро дар бар намегиранд:

javascriptlet w = document.documentElement.clientWidth;  // паҳноӣ
let h = document.documentElement.clientHeight; // баландӣ

Хосиятҳои зерин навори ҳаракатро дар бар мегиранд:

javascriptlet w = window.innerWidth;  // паҳноӣ
let h = window.innerHeight; // баландӣ

Фарқи байни ду навъи хосиятҳо андозаи навори ҳаракатро медиҳад:

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

console.log(w2 - w1);
Задание 1

Бо пахш кардани тугма, паҳноӣ ва баландии равзанаро чоп кунед.

Задание 2

Бо пахш кардани тугма, вуҷуди ҳаракати амудӣ дар равзанаро тафтиш кунед.

Задание 3

Бо пахш кардани тугма, вуҷуди ҳаракати уфуқӣ дар равзанаро тафтиш кунед.