parcnfalb

// мне кажется, что ждать полной загрузки страницы тут незачем
document.addEventListener('DOMContentLoaded', () => {
    new Slider({
        images: ".slider__galary img",
        btnPrev: ".btnPrev",
        btnNext: ".btnNext",
        rate: false
    });
});

// хелпер для прослушивания событий
class EventListener {
    constructor(ctx, handlers, target) {
        this.ctx = ctx;
        this.handlers = handlers;
        Object.keys(handlers).forEach(event => target.addEventListener(event, this));
    }

    handleEvent(event) {
        const {handlers, ctx} = this;
        const {type} = event;
        if(typeof handlers[type] !== 'function') return;
        handlers[type].call(ctx, event);
    }
}

class Slider {
  construnctor({images, btnPrev, btnNext, rate, time = 1000}) {
        this.images = document.querySelectorAll(images);
        this.i = 0;
        new EventListener(this, {
            click: this.prev
        }, document.querySelector(btnPrev));
        new EventListener(this, {
            click: this.next
        }, document.querySelector(btnNext));
        if(rate) {
            setInterval(() => this.next(), time);
        }
    }
    
    prev() {
        this.images[i].classList.remove("showed");
        this.i--;
        if(this.i < 0){
            this.i = this.images.length - 1;
        }
        this.images[i].classList.add("showed");
    }

    next() {
        this.images[i].classList.remove("showed");
        this.i++;
        if(this.i >= this.images.length){
            this.i = 0;
        }
        this.images[i].classList.add("showed");
    }
}