modal 창을 띄우고 내리고
1153 단어 JavaScriptJavaScript
const modalfullElement = document.querySelector(".modalfull");
const closeiconElement = document.querySelector(".closeicon");
const closedmodalElement = document.querySelector(".closedmodal");
const peoplejoinElement = document.querySelector(".peoplejoin");
const no2Element = document.querySelector(".no2");
peoplejoinElement.addEventListener("click", function (event) {
modalfullElement.classList.remove("closedmodal");
});
closeiconElement.addEventListener("click", function (event) {
closedmodalElement.classList.add("closedmodal");
});
modalfullElement.addEventListener("click", function (event) {
closedmodalElement.classList.add("closedmodal");
});
const modalfullElement = document.querySelector(".modalfull");
은 자바스크립트에 사용할 modalfull이 modalfullElement로 사용될것이라고 얘가 자바스크립트다~ 라고 인식시켜주는 과정
peoplejoinElement.addEventListener("click", function (event){modalfullElement.classList.remove("closemodal")
});
은 peoplejoinElement(회원가입)을 클릭했을때 - modalfullElement를 삭제 시킨다 라고 정의해주는 것 remove대신 add가 들어가면 추가한다는 의미
Author And Source
이 문제에 관하여(modal 창을 띄우고 내리고), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@gogl13/modal-창을-띄우고-내리고저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)