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가 들어가면 추가한다는 의미

좋은 웹페이지 즐겨찾기