반복문 tab메뉴 질문드립니다.

[우치하마다라]

선생님 안녕하세요.

바닐라js로 탭메뉴 만들려고 하는데 질문드립니다.

아래는 저의 코드이고요.

var 버튼 =  document.querySelectorAll('.tab-button');
for (let i = 0; i < 3; i++){
    버튼[i].addEventListener('click', function(){
       
        버튼.classList.remove('orange'); // 이 코드는 안됩니다.
        버튼[i].classList.add('orange') // 이 코드는 잘됩니다.

        console.log(i);
    });
}

무엇이 문제냐면 제이쿼리처럼 $(); 선택하여서 클래스를 전부 지우고 싶습니다만

버튼.classList.remove('orange'); 가 먹히질 않습니다. 

 

[codingapple]

쌩자바스크립트는 여러요소 한번에 수정이 불가능합니다 

[글쓴이]

글