JavaScriptでウィンドウの幅に応じた条件分岐を行う方法


  1. ウィンドウの幅が特定のピクセル値以上の場合に処理を実行する例:
if (window.innerWidth >= 768) {
  // ウィンドウの幅が768ピクセル以上の場合の処理
} else {
  // ウィンドウの幅が768ピクセル未満の場合の処理
}
  1. ウィンドウの幅が特定の範囲に収まる場合に処理を実行する例:
if (window.innerWidth >= 768 && window.innerWidth <= 1024) {
  // ウィンドウの幅が768ピクセル以上かつ1024ピクセル以下の場合の処理
} else {
  // 上記条件に当てはまらない場合の処理
}
  1. ウィンドウの幅が特定の範囲外の場合に処理を実行する例:
if (window.innerWidth < 768 || window.innerWidth > 1024) {
  // ウィンドウの幅が768ピクセル未満または1024ピクセルを超える場合の処理
} else {
  // 上記条件に当てはまらない場合の処理
}

これらは一部の基本的な例です。ウィンドウの幅に応じた他の条件分岐の方法もあります。詳細な要件に合わせて適切な条件を設定してください。また、window.innerWidth以外のプロパティやメソッドを使用することもできます。