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

home2 게시판 JavaScript, TS 게시판 이미지슬라이드 질문입니다.(for문)

이미지슬라이드 질문입니다.(for문)

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

    양갱
    참가자
    이미지슬라이드는 정상적으로 작동이 되는데요..코드가 너무 길어서 반복문으로 줄여보려고 하는데
    document.querySelector('.slide')[0].addEventListener('click',function ()
     document.querySelector('.slide')[1].addEventListener('click',function ()
    document.querySelector('.slide')[2].addEventListener('click',function ()
    -> 이부분은
    for(let i=0;i<6;i++){
      document.querySelectorAll('.slide')[i].addEventListener('click',function (){
     })
    이렇게 짜보았는데 
     document.querySelector('.slideContainer').style.transform='translateX(0vw)';
    document.querySelector('.slideContainer').style.transform='translateX(-100vw)';
    document.querySelector('.slideContainer').style.transform='translateX(-200vw)';
    이부분은 코드를 어떻게 줄여야할지 모르겠어요..ㅠㅠㅠ 
    
    
    #68574

    codingapple
    키 마스터
    0 -100 -200 숫자들어갈 자리에 (i * -100) 넣으면 될거같군요
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 호 / 개인정보관리자 : 박종흠