• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 JavaScript, TS 게시판 탭기능 만들며 배우는 for 반복문 2

탭기능 만들며 배우는 for 반복문 2

2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 글쓴이
  • #93566

    김지선
    참가자
    $('.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')[0].classList.remove('orange');
        document.querySelectorAll('tab-button')[0].classList.add('orange');
        document.querySelectorAll('tab-button')[0].classList.remove('show');
        document.querySelectorAll('tab-button')[0].classList.add('show');
      });
    실행이안돼서요..
    
    
    #93596

    codingapple
    키 마스터
    '.tab-button' 이라고 씁시다
2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠