JavaScriptで画面サイズを取得する方法

1. window.innerWidthとwindow.innerHeightを使用する方法:

var screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
var screenHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
console.log("画面の幅: " + screenWidth);
console.log("画面の高さ: " + screenHeight);

2. screen.widthとscreen.heightを使用する方法:

var screenWidth = screen.width;
var screenHeight = screen.height;
console.log("画面の幅: " + screenWidth);
console.log("画面の高さ: " + screenHeight);

3. document.documentElement.clientWidthとdocument.documentElement.clientHeightを使用する方法:

var screenWidth = document.documentElement.clientWidth;
var screenHeight = document.documentElement.clientHeight;
console.log("画面の幅: " + screenWidth);
console.log("画面の高さ: " + screenHeight);

これらの方法は、異なるブラウザで動作しますが、一部のブラウザで正確な結果を得ることができない場合があります。また、画面のサイズが変更された場合には、イベントリスナーを使用してリアルタイムでサイズを更新することもできます。