フリーランスの忘備録

(function(){
  const prevButton = document.querySelector('.slider__prev');
  const nextButton = document.querySelector('.slider__next');
  const mySwiper = new Swiper('.my-swiper');
  prevButton.addEventListener('click',()=>{
     mySwiper.slidePrev();
  });
  nextButton.addEventListener('click',()=>{
     mySwiper.slideNext();
  });
  const buttonIsEdge = ()=>{
    if( mySwiper.isBeginning ){
      prevButton.classList.add('is-edge');
    }else{
      prevButton.classList.remove('is-edge');
    }
    if( mySwiper.isEnd ){
      nextButton.classList.add('is-edge');
    }else{
      nextButton.classList.remove('is-edge');
    }
  }
  buttonIsEdge();
  mySwiper.on('slideChange',()=>{
    buttonIsEdge();    
  });
})();