tab기능 대체 왜 실행이 안될까요?.. ㅠㅠ

[박승은]

버튼 누를때 적용이 안되는데 도무지 이유를 모르겠습니다,,,,

수정) 강의를 다시보니 querySelectorAll('.tab-button)[0],querySelectorAll('.tab-button)[1]
querySelectorAll('.tab-button)[2]를 다 해주어야 한다고 하셔서
       document.querySelectorAll('.tab-button')[0].addEventListener('click', function(){
          document.querySelectorAll('.tab-button')[0].classList.remove('orange');
          document.querySelectorAll('.tab-button')[1].classList.remove('orange');
          document.querySelectorAll('.tab-button')[2].classList.remove('orange');
          document.querySelectorAll('.tab-button')[0].classList.add('orange');
        })

이렇게 코드를 짰더니 되긴 했는데 querySelectorAll('.tab-button)은 모든 클래스에 적용되는것이 아니었나요?
왜 일일이 지정해줘야 하는건가요?

[codingapple]

쌩자바스크립트는 한 번에 1개 요소만 바꿀 수 있습니다

[박승은]

감사합니다

[글쓴이]

글