버튼 클릭 시 이벤트

const latest = document.getElementsByClassName("tit-search1");

function toggleClick(event){

	for(let i = 0 ; i < latest.length; i++) {
    	latest[i].classList.remove("btntoggle");
        }
  	event.target.classList.add("btntoggle");
   }
 function init(){
 	for(let i = 0 ; i< latest.length ; i++) {
    latest[i].addEventListner("click",toggleClick);
    }
 }
 init();

이번에 작업을 하면서 정리하는 코드이다.

latest에 tit-search1 이라는 해당 클래스를 넣고 반복문을 돌린다

클릭을 하였을떄 latest[i]에 해당하는 클래스에 btntoggle 이라는 클래스를 추가하는데 

이것으로 클래스에 추가 클래스를 넣어 css 작업을 할 수 있었다.