event 설정

태그.onclick = 함수이름;

같은역할

태그.addEventListener("click", 함수이름);

    ->아래 방식으로 이벤트를 넣어주면   .removeEventListener   =>으로 이벤트 지울 수 있음

 

클래스명으로 자바스크립트 변화를 주고싶을때 클래스명 잘 활용하기

태그.classList.contains("클래스명") => ()속 클래스명이 있는지 확인.true / false 반환

태그.classList.add("클래스명")  => 원래 할당된 클래스명 + 새로운 ()속 클래스명 추가

태그.classList.remove("클래스명") =>()속 클래스명 제거

==> 태그.classList.toggle("클래스명")  한줄이면 끝남!

       ()속 클래스명이 있으면 없애고 없으면 추가하고! 

         CSS에 클래스명 설정하고 꾸미기만 잘 저장해두면 됨