divのサイズに基づいてJavaScriptメソッドを呼び出すことはできますか？

Question

divのサイズが一定の範囲に達した場合にJavaScriptコードを実行するためのjqueryの他に方法があるのだろうか？

ブラウザのウィンドウをドラッグして画面の約半分にすると、JavaScriptで変数の値を設定したいのですが、もう一度フルスクリーンを表示すると（divが大きくなります）元の値に戻します。

要約すると、指定されたブレークポイントサイズ（たとえば200px）より小さくまたは大きくなるdivのサイズに応じて、前後に切り替えたいJavaScript変数があります。

これは可能ですか？

Answer 1

.offsetWidthと.offsetHeightプロパティを使用できます。

render(); 

function render() { 
    var width = document.getElementById('yourDivID').offsetWidth; 
    if (width < 200) { 
     foo(); 
    } 
    else { 
     bar(); 
    } 
} 

window.addEventListener('resize', render);