목록2024/04/28 (1)
사이먼's 코딩노트
[JavaScript] 팝업 만들기
[팝업 만들기]이번에는 JavaScript를 사용해서 팝업창을 만들어보도록 합시다.만들어 볼 팝업창의 기본 기능은 다음과 같습니다.버튼을 눌렀을 때, 화면 중앙에 팝업창이 생기게 되고, 팝업창이 열리게 되는 순간, 화면의 배경색은 살짝 어두운 색상으로 변하게 된다.팝업창을 닫기 위해서는 팝업창의 x 버튼을 누르거나, 팝업창 바깥의 어두운 배경을 마우스로 아무데나 클릭했을 때 팝업창이 닫히게 된다.아래는 먼저 구현된 HTML, CSS JS 코드이며 각 섹션별로 코드 풀이를 해보려한다.See the Pen 팝업 복습 by psm817 (@psm817) on CodePen. [HTML]html 하단의 텍스트로 된 box-3 부분을 제외하고 마크업한 코드를 아래 작성하였다. ..
JavaScript
2024. 4. 28. 22:53