탭기능 질문이

[오은선]

document.querySelectorAll('.tab-button')[0].addEventListener('.click', function(){
        document.querySelectorAll('.tab-button')[0].classList.remove('orange')
        document.querySelectorAll('.tab-button')[0].classList.add('orange')
        document.querySelectorAll('.tab-content')[0].classList.remove('orange')
        document.querySelectorAll('.tab-content')[0].classList.add('orange')        
   })

제이쿼리에서는 tab-button 한번에 잡아주는데 
자바스크립트에서 querySelectorAll 로 하나하나 잡는데도 왜 오랜지가 사라지지 않는지 모르겠어요

[codingapple]

document.querySelectorAll('.tab-button')[0].classList.remove('orange')
document.querySelectorAll('.tab-button')[1].classList.remove('orange')
document.querySelectorAll('.tab-content')[2].classList.remove('orange')
document.querySelectorAll('.tab-content')[0].classList.add('orange')   
합시다

[글쓴이]

글