javascript - ページがロードされたとき、またはサイズ変更のたびにイベントを発生させる良い方法は何ですか?

Question

ドキュメントの準備が整うたびに、またはビューポートのサイズが変更されるたびに、ビューポートの幅を確認するクエリが必要です。その理由は、ビューポートの幅が異なると、メイン ナビゲーションの外観と動作が異なるようにするためです。

//EventListener to get viewport width on load
window.addEventListener("load", function () {
    window.loaded = true;
});

//get Window Size on Resize
var width = $(window).width();
$(window).on('resize', function reportWindowSize() {
  if ($(this).width() != width) {
    width = $(this).width();
    console.log(width);
  }
});

次に、次のようなクエリが必要だと思います。

If (page loaded OR viewport width changes) {
   if (viewport width > x) {
     do things

} else if (viewport width < x) {
     do other things
  }
};

If (page loaded OR viewport width changes)JavaScript や jQuery の式を作成するには、どのような方法がよいでしょうか?