jquery - 条件文を使用して変数を設定するにはどうすればよいですか？

Question

同じ変数を渡す一連の関数がありますが、この変数の値をウィンドウの高さに応じて変更したいと思います。var Xの設定は正常に機能しますが、それを削除して条件ステートメントでその値を指定しようとすると、次のように読み取れません。

<script>

var viewportHeight = $(window).height();

$(function() {
  $(window).resize(function() {
    if (viewportHeight >= 600) {
         var X = 100;
       }
    if (viewportHeight < 600) {
         var X = 50;
       }
   });
});
</script>

もちろん、これは、影響を与えるスクリプトと同じスクリプトタグ内に配置されます。これは、この方法でグローバル変数を設定できるとは思わないためです。

Answer 1

x変数をグローバルに変更します。次のようにしてみてください

 var x; // global vairable 
$(function() {

  $(window).resize(function() {
    if (viewportHeight >= 600) {
        x=100;
       }
    if (viewportHeight < 600) {
         X = 50;
       }
   });
});