목록innerWidth (1)

Enjoy Programming

vanilla js challenge 2

금일 챌린지는 화면크기에 따라 배경화면이 변하는 자바스크립트 작성이다... 우선 쿼리셀렉터로 바디를 잡아주고~ 그리고 화면상 hello라는 텍스트를 뿌려주기 위해 h2 element를 만들어 주고 바디의 자식으로 지정~ 그리고 텍스트 집어넣고 글자색은 흰색으로~ 그리고 변할 색상들을 전역변수로 설정해 놓고~ 함수를 만들었다~ 함수 스코프 안에서 지역변수 currentWidth에 window.innerWidth (outerWidth)를 써서 실시간 창크기를 담아준다 그 담은 조건문을 이용해 구간별 색상만 지정해주고 init함수에서 resize이벤트를 실행해줫다. 어렵지 않은 챌린지 였지만.... 중간 else if가 먹지 않는 것이다... ㅠㅠ 한참을 찾아보고 고민햇는데.. 색상을 purple을 줘야하는데..
JavaScript/Vanilla Js 2021. 4. 22. 17:04
이전 Prev 1 Next 다음