JavaScript addEventListener resizeの挙動

Question

前提・実現したいこと

当該のソースコードを実行するとリサイズする度に現在のスクリーンの幅が表示されると思うのですが、なぜかリサイズ後の幅が表示されません
なぜでしょうか？

該当のソースコード

    window.addEventListener( 'resize', function() {
    w=screen.width;
    alert(w);
    }, false );

Comments

[退会済みユーザー]

alert()自体も呼ばれず何も表示されないのか、とんちんかんな別の値を表示しているのか？

Answer 1

screen.widthは、書いての通り「画面全体」の幅です（MDN）。ウィンドウサイズとは無関係な値です。

Comments

[adew]

失礼しました。
window.innerWidthのようでした。
innerWidthは、
<link rel="stylesheet" media="(min-width: 640px)">
<link rel="stylesheet" media="(max-width: 640px)">
を判定するのと同じ意味で使えますか？
if(window.innerWidth>=640){
//PC
}else{
//スマホ
}