JavaScriptを使用してウィンドウの幅を取得する方法

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

const windowWidth = window.innerWidth;
console.log("ウィンドウの幅: " + windowWidth);

2. document.documentElement.clientWidthを使用する方法:

const windowWidth = document.documentElement.clientWidth;
console.log("ウィンドウの幅: " + windowWidth);

3. document.body.clientWidthを使用する方法:

const windowWidth = document.body.clientWidth;
console.log("ウィンドウの幅: " + windowWidth);

これらの方法は、ブラウザのウィンドウの幅をピクセル単位で取得するためのものです。どの方法を選択するかは、特定の状況や要件によって異なる場合があります。例えば、ウィンドウの幅を取得する前にドキュメントが完全に読み込まれている必要がある場合は、window.onload イベントハンドラ内でこれらのコードを実行する必要があります。