グローバル関数変数が定義されていません

Question

変数から代入キーワードを削除すると、 sWidth = window.outerWidth;

その変数は関数内であってもグローバルでなければなりません。多分あなたたちは私を助けることができます。 私のコードは次のとおりです。

$(".menu-icon").click(function() { 
    $('.navi').toggleClass('navtogg'); 
}); 
var maincol = document.getElementById('maincol'); 

function screenWidth() { 
    sWidth = window.outerWidth; 
    maincol.textContent = sWidth; 
    console.log(sWidth); 
} 
console.log(sWidth); 
var navListItems = document.querySelector("#liparent"); 

if(sWidth <= 850) { 
    $('.navi li').removeClass('hideul'); 
} 
if(sWidth > 850) { 
    $('.navi li').addClass('hideul'); 
} 
function liDropdown(e) { 
    if (sWidth <= 850) { 
     var subUl; 
     subUl = e.target.childNodes[2]; 
     console.log(subUl); 
     if (subUl.getAttribute('id') === 'togghide') { 
      subUl.removeAttribute('id'); 
     } else { 
      subUl.setAttribute('id', 'togghide'); 
     } 
    } 
} 

navListItems.addEventListener('click', liDropdown, false); 

Answer 1

グローバル変数は設定されません。関数を呼び出すと設定されます。

function screenWidth() { 
    sWidth = window.outerWidth; 
    maincol.textContent = sWidth; 
    console.log(sWidth); 
} 
console.log(sWidth);//undefined 
screenWidth(); 
console.log(sWidth);//a number