공부기록( 2021-06 )/2021-06-07

popup__init 함수 만들어서 팝업 실행하기 js

yeonni . 2021. 6. 7. 16:47

1단계 : 정답에서 HTML 복사(제이쿼리 불러오기)

2단계 : 정답에서 CSS 복사

3단계 : console.clear();

4단계 : Popupinit 함수 만들고 실행

5단계 : .btn-popup-1 클릭 이벤트

6단계 : .btn-popup-1 클릭시 팝업1 뜸

7단계 : .popup-1 .popupbtn-close 의 닫기 버튼 클릭시 팝업1 닫기

 

                            ↙띄어쓰기 꼭 ! 하기 !!!!!!! 

$(".popup-" + no + " .popup__btn-close").click(function(){
    $(".popup-" + no ).removeClass("active");
  });

 

8단계 : 팝업 열기 no 변수 적용

9단계 : 팝업 닫기 no 변수 적용

10단계 : no를 매개변수 화

11단계 : popup-3 구현