See the Pen modal by sanghee01 (@sanghee01) on CodePen.
display: none 속성을 이용한다.
open 버튼을 누르면 modal 에 'display: none' class를 없애 모달창이 보이도록 하고
close 버튼과 배경을 누르면 'display: none' class를 넣어 모달창이 안보이도록 한다.
'JavaScript' 카테고리의 다른 글
| JavaScript | 자바스크립트란? (0) | 2022.12.12 |
|---|---|
| JavaScript | 프로그래밍이란? (0) | 2022.12.12 |
| javascript | moudule 기본 (0) | 2022.09.10 |
| javascript | forEach, map, filter, reduce 메소드, 차이점 (0) | 2022.07.26 |
| javascript | 다중토글 구현하기 - forEach, toggle (0) | 2022.01.20 |