지영이의 개발 블로그
윈도우 사이즈 표시하기 본문

1 스크립트가 실행되면 tag라는 변수에 querySelector 를 이용해서 찾은 DOM 요소가 할당이 되고
이 tag는 <div class="tag"> Window Size</div> 요소를 가르 키고
2 updateTag 라는 함수를 선언해서 tag의 innerHTML을 선언해주고
3 window에 이벤트리스터를 등록해서 resize 될때마다 updateTag라는 콜백함수가 호출되고
4 페이지가 처음로딩 되면 updateTag()가 실행되도록 하겠다.

=>즉 페이지가 처음 로딩 되면 4번이 먼저 실행 되고 3번은 resize가 될때만 실행 됨
'Javascript' 카테고리의 다른 글
webAPIs-좌표 출력 (미니 프로제트) (0) | 2022.05.30 |
---|---|
webAPIs-좌표 연습 (0) | 2022.05.30 |
자바스크립트에 html태그 생성하고 적용하기(appenChild,insertBefore,innerHTML)-DOM (0) | 2022.05.30 |
[자바스크립트]for vs For Each vs Map 의 차이 (0) | 2022.05.16 |
[자바스크립트]map 함수 (0) | 2022.05.13 |