JavaScriptにおけるウィンドウサイズ

以下のプロパティは、ブラウザウィンドウのサイズをスクロールバーを含まずに含みます:

let w = document.documentElement.clientWidth;  // 幅
let h = document.documentElement.clientHeight; // 高さ

以下のプロパティは、スクロールバーを含みます:

let w = window.innerWidth;  // 幅
let h = window.innerHeight; // 高さ

2種類のプロパティの差は、スクロールバーのサイズを示します:

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

console.log(w2 - w1);

ボタンをクリックしたときに、ウィンドウの幅と高さを出力してください。

ボタンをクリックしたときに、ウィンドウに垂直スクロールがあるかどうかを確認してください。

ボタンをクリックしたときに、ウィンドウに水平スクロールがあるかどうかを確認してください。