Window: innerWidth プロパティ

// これはビューポートの幅を返す
console.log(window.innerWidth);
// これはフレームセット内のフレームビューポートの幅を返す
console.log(self.innerWidth);
// これは直近のフレームセットのビューポートの幅を返す
console.log(parent.innerWidth);
// これはもっとも外側のフレームセットのビューポートの幅を返す
console.log(top.innerWidth);

<p>
  <code>resize</code>
  イベントを発行させるためにブラウザーのウィンドウの大きさを変えてください。
</p>
<p>ウィンドウの幅: <span id="width"></span></p>
<p>ウィンドウの高さ: <span id="height"></span></p>

const heightOutput = document.querySelector("#height");
const widthOutput = document.querySelector("#width");
function updateSize() {
  heightOutput.textContent = window.innerHeight;
  widthOutput.textContent = window.innerWidth;
}
updateSize();
window.addEventListener("resize", updateSize);