스크립트 문의드립니다. 채택완료

아래스크립트 사용시 익에서 실행이 안되네요 

크롬 파폭 에찌 다되는데 모때문에 안되는걸까요 

도움 부탁드립니다.

const $window = $(window); const $body = $('body');

class Slideshow {   constructor(userOptions = {}) {     const defaultOptions = {       $el: $('.slideshow'),       showArrows: false,       showPagination: true,       duration: 10000,       autoplay: true };

    let options = Object.assign({}, defaultOptions, userOptions);

    this.$el = options.$el;     this.maxSlide = this.$el.find($('.js-slider-home-slide')).length;     this.showArrows = this.maxSlide > 1 ? options.showArrows : false;     this.showPagination = options.showPagination;     this.currentSlide = 1;     this.isAnimating = false;     this.animationDuration = 1200;     this.autoplaySpeed = options.duration;     this.interval;     this.$controls = this.$el.find('.js-slider-home-button');     this.autoplay = this.maxSlide > 1 ? options.autoplay : false;

    this.$el.on('click', '.js-slider-home-next', event => this.nextSlide());     this.$el.on('click', '.js-slider-home-prev', event => this.prevSlide());     this.$el.on('click', '.js-pagination-item', event => {       if (!this.isAnimating) {         this.preventClick();         this.goToSlide(event.target.dataset.slide);       }     });

    this.init();   }

  init() {     this.goToSlide(1);     if (this.autoplay) {       this.startAutoplay();     }

    if (this.showPagination) {       let paginationNumber = this.maxSlide;       let pagination = '

      this.$el.append(pagination);     }   }

  preventClick() {     this.isAnimating = true;     this.$controls.prop('disabled', true);     clearInterval(this.interval);

    setTimeout(() => {       this.isAnimating = false;       this.$controls.prop('disabled', false);       if (this.autoplay) {         this.startAutoplay();       }     }, this.animationDuration);   }

  goToSlide(index) {     this.currentSlide = parseInt(index);

    if (this.currentSlide > this.maxSlide) {       this.currentSlide = 1;     }

    if (this.currentSlide === 0) {       this.currentSlide = this.maxSlide;     }

    const newCurrent = this.$el.find('.js-slider-home-slide[data-slide="' + this.currentSlide + '"]');     const newPrev = this.currentSlide === 1 ? this.$el.find('.js-slider-home-slide').last() : newCurrent.prev('.js-slider-home-slide');     const newNext = this.currentSlide === this.maxSlide ? this.$el.find('.js-slider-home-slide').first() : newCurrent.next('.js-slider-home-slide');

    this.$el.find('.js-slider-home-slide').removeClass('is-prev is-next is-current');     this.$el.find('.js-pagination-item').removeClass('is-current');

    if (this.maxSlide > 1) {       newPrev.addClass('is-prev');       newNext.addClass('is-next');     }

    newCurrent.addClass('is-current');     this.$el.find('.js-pagination-item[data-slide="' + this.currentSlide + '"]').addClass('is-current');   }

  nextSlide() {     this.preventClick();     this.goToSlide(this.currentSlide + 1);   }

  prevSlide() {     this.preventClick();     this.goToSlide(this.currentSlide - 1);   }

  startAutoplay() {     this.interval = setInterval(() => {       if (!this.isAnimating) {         this.nextSlide();       }     }, this.autoplaySpeed);   }

  destroy() {     this.$el.off();   }}

(function () {   let loaded = false;   let maxLoad = 3000;

  function load() {     const options = {       showPagination: true };

    let slideShow = new Slideshow(options);   }

  function addLoadClass() {     $body.addClass('is-loaded');

    setTimeout(function () {       $body.addClass('is-animated');     }, 600);   }

  $window.on('load', function () {     if (!loaded) {       loaded = true;       load();     }   });

  setTimeout(function () {     if (!loaded) {       loaded = true;       load();     }   }, maxLoad);

  addLoadClass(); })();