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

home2 게시판 JavaScript, TS 게시판 코드 3줄로 캐러셀 (이미지 슬라이드) 만들기 2 질문있습니다

코드 3줄로 캐러셀 (이미지 슬라이드) 만들기 2 질문있습니다

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

    장세종
    참가자
    캐러셀에서 다음 버튼 제작시, 확장성 있는 다음 버튼 숙제를 하고있는데
    하드코딩할때와 달리 작동을 하지 않습니다. 작성한 코드는
    var currentPhoto = 1;
    document
     .querySelector(".next-btn")
     .addEventListener("click", function () {
    document.querySelector(".slide-container").style.transform =
    "translateX(-${currentPhoto}00vw)";
    currentPhoto += 1;
     });
    
    위와 같은데, ${currentPhoto} 부분을 숫자로 바꾸면 작동하는 것으로 보아 해당 부분이 문제인듯 한데
    해결 방법을 찾지 못했습니다. 의견 부탁드려봅니다!
    
     
     
     
    #48157

    codingapple
    키 마스터
    별문제없어보이는데 css 잘 적용되고 있는지 변수는 원하는대로 잘 나오는지 콘솔창에서 확인해봅시다
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 호 / 개인정보관리자 : 박종흠