https://acj-car.ru/include/template_parts/v-reviews/v-reviews.js

1document.addEventListener("DOMContentLoaded", ()=>{
2   // document.querySelector('.v-reviews').style = 'display:block';
3    if (document.querySelector(".slider")) {
4
5        let slider = document.querySelector(".slider")
6        let sliderLine = slider.querySelector(".slider__line")
7        let prevBtn = slider.querySelector('.btn-prev')
8        let nextBtn = slider.querySelector('.btn-next')
9        let slidesCount = sliderLine.querySelectorAll(".slide").length
10        let slideWidth = slider.querySelector(".slide").offsetWidth
11        let offset = 0
12        let gap = 24
13        let slidesToShow = 3
14
15
16        function checkOnResize() {
17            if (window.innerWidth <= 1024) {
18                slidesToShow = 2
19            } else {
20                slidesToShow = 3
21            }
22            if (window.innerWidth <= 640) {
23                slidesToShow = 1
24            }
25        }
26        checkOnResize()
27
28        if(slidesCount <= slidesToShow) {
29            prevBtn.style = "display: none;"
30            nextBtn.style = "display: none;"
31        }
32        
33        window.addEventListener('resize', ()=>{
34            checkOnResize()
35        });
36
37        prevBtn.addEventListener("click", function() {
38            if(offset >= 0) {
39                offset = -(slidesCount - slidesToShow) * (slideWidth + gap)
40            } else {
41                offset += slideWidth + gap;
42            }
43            sliderLine.style.left = offset + "px"
44        })
45        nextBtn.addEventListener("click", function() {
46            if(offset <= -(slidesCount - slidesToShow) * (slideWidth + gap) ) {
47                offset = 0
48            } else {
49                offset -= slideWidth + gap;
50            }
51            sliderLine.style.left = offset + "px"
52        })
53    }
54
55})