JavaScript課題:端末の画面サイズが縦長か横長かをチェックする

JavaScript
スポンサーリンク

端末の幅と高さをチェックし、縦長横長かを判定して表示するプログラムを作ってください。

実行イメージ

仕様

  • 起動時ウインドウサイズ変更スマホの傾きで天地が入れ替わった時にメッセージをブラウザ画面に表示する
  • メッセージは3種類「縦長です」「横長です」「縦横同じです
  • メッセージには、ブラウザの表示領域の幅と高さ情報を含める

表示例

横長です WxH = 1280x569

ヒント

resizeイベント、innerWidth、innerHeight

コメント

タイトルとURLをコピーしました