Step by Step

index.html 제출 초기화 main.js const formEl = document.querySelector("form"); const inputEls = document.querySelectorAll("input"); inputEls.forEach((el) => { el.addEventListener("focus", () => { formEl.classList.add("active"); }); el.addEventListener("blur", () => { formEl.classList.remove("active"); }); el.addEventListener("change", (evnet) => { console.log(event.target.value); }); }); formEl.addEve..

addEventListener() 대상에 지정한 이벤트가 발생했을 때 함수(Handler)가 호출된다 const parentEl = document.querySelector(".parent"); const childEl = document.querySelector(".child"); parentEl.addEventListener("click", () => { console.log("parent!"); }); childEl.addEventListener("click", () => { console.log("child!"); }); removeEventListener() 대상에 지정한 이벤트를 제거한다. removeEventListener를 사용할 때 콜백 함수 부분에 따로 설정한 함수가 들어가지 않으면 그..