탭기능 만들며 배우는 for 반복문 2 수강 중 질문 있습니다.

[오송미]

안녕하세요. 강사님.
탭 기능 만들며 배우는 for 반복문 2 수강강좌를 따라하며 탭 기능을 만들 던 중 한 가지 궁금한 사항이 생겨 질문합니다.
우선 이해를 돕기 위해, 코드를 작성한 Codepen 에디터 링크를 같이 첨부합니다.
https://codepen.io/sso123/pen/KKRyxqX
링크를 열어 JS 파일을 보시면, 1번에 모든 버튼에 붙은 orange 클래스명 제거하는 코드를 적어놓았습니다.
그래서 1번코드 대로라면 모든 버튼에 orange 클래스명이 없어야 합니다. 
하지만, 버튼 0에 orange 클래스명을 추가하려는 코드를 짜고 실행해보니, 

버튼0(Products) 클릭 시, 버튼1(Information) 의 orange 클래스가 남아 있었습니다.
앞서 모든 버튼에 orange 클래스명을 제거해주는 코드를 입력했는 데, 왜 이런 현상이 발생하는 걸까요?

[codingapple]

[0] 말고 [i]로 씁시다

[글쓴이]

글