선생님 탭기능 만들기 문제에서
제이쿼리를 사용했을 때는 버튼0이 정상적으로 눌리는데
querySelectorAll을 사용하면 눌리지 않습니다..
제가 뭘 잘못 적은 걸까요ㅜㅜ?
<script>
/*
제이쿼리는 정상작동 됨
$('.tab-button').eq(0).on('click', function(){
$('.tab-button').removeClass('orange');
$('.tab-button').eq(0).addClass('orange');
$('.tab-content').removeClass('show');
$('.tab-content').eq(0).addClass('show');
})
*/
document.querySelectorAll('.tab-button')[0].addEventListener('click',function(){
document.querySelectorAll('.tab-button').classList.remove('orange');
document.querySelectorAll('.tab-button')[0].classList.add('orange');
document.querySelectorAll('.tab-content').classList.remove('show');
document.querySelectorAll('.tab-content')[0].classList.add('show');
});
</script>
