Javascript

윈도우 사이즈 표시하기

이지영 2022. 5. 30. 11:20

 

1 스크립트가 실행되면 tag라는 변수에 querySelector 를 이용해서 찾은 DOM 요소가 할당이 되고

이 tag는 <div class="tag"> Window Size</div> 요소를 가르 키고

2 updateTag 라는 함수를 선언해서 tag의 innerHTML을 선언해주고

3 window에 이벤트리스터를 등록해서 resize 될때마다 updateTag라는 콜백함수가 호출되고 

4 페이지가 처음로딩 되면 updateTag()가 실행되도록 하겠다.

=>즉 페이지가 처음 로딩 되면 4번이 먼저 실행 되고 3번은 resize가 될때만 실행 됨