css100 챌린지, day6 구현하기 (with dom 이벤트)
1. 미리보기 버튼을 클릭했을 때 Dom이벤트를 어떻게 줄 수 있을까? css100 챌린지의 day 6를 구현하면서 알아보자! See the Pen css100_day6 by KumJungMin (@kumjungmin) on CodePen. 2. 코드 설명 1) js와 css로 이벤트 주는 법? 우리는 preview(혹은 gif)에서, 버튼 클릭시 이벤트가 발생하는 걸 보았다. 그렇다면, 어떻게 dom에 이벤트를 줄 수 있을까? preview에서 살펴 본 이벤트 중, 검색창 이벤트 코드를 분석해보자. 2) 검색창 등장 이벤트 (1) 이벤트 발생시, 적용할 클래스 선언하기 search 버튼 클릭시, 검색창(search-bar)에 이벤트를 적용하고자 한다. 이 경우, 검색창에 적용하고 싶은 class을 cs..
2021. 10. 1.
