ぬえさぶろうのAnimate放送部

ウィンドウサイズを調べたい

HTML

//画面サイズを調べる
<span class="value-width"></span>
<span class="value-height"></span>

JS

// Windowサイズを調べたい
window.addEventListener('load',resizeHandler);

function resizeHandler(event){
    const sw = innerWidth;
    const sh = innerHeight;
    
    document.querySelector('.value-width').innerHTML = `${sw}px`;
    document.querySelector('.value-height').innerHTML = `${sh}px`;
}