https://www.daiken.jp/js/index.js

1class MkSwiper {
2    constructor() {
3        this.swiper = this.createSwiper();
4        document.addEventListener('DOMContentLoaded', () => {
5        });
6    }
7    getSliderPerView() {
8        let w = window.innerWidth;
9        if (w > 1200) {
10            w = 1200;
11        }
12        if (w <= 798) {
13            return 1.2;
14        }
15        return 3;
16    }
17    createSwiper() {
18        return new Swiper('.topics', {
19            autoplay: {
20                disableOnInteraction: false,
21                reverseDirection: false,
22                pauseOnMouseEnter: true,
23            },
24            speed: 400,
25            spaceBetween: 20,
26            loop: true,
27            slidesPerView: this.getSliderPerView(),
28            centeredSlides: true,
29            effect: "coverflow",
30            coverflowEffect: {
31                rotate: 0,
32                stretch: 0,
33                depth: 250,
34                modifier: 1,
35                slideShadows: false,
36            },
37            navigation: {
38                nextEl: '.topics__nav-next',
39                prevEl: '.topics__nav-prev',
40            },
41            on: {
42                imagesReady: function () {
43                    this.el.classList.remove('loading');
44                }
45            }
46        });
47    }
48}
49new MkSwiper();
50class ChangeSearchType {
51    constructor() {
52        this.idTarget = 'site-search-index';
53        this.idInput = ['search-type-site', 'search-type-product'];
54        document.addEventListener('DOMContentLoaded', () => {
55            this.idInput.forEach((id) => {
56                const elTarget = document.getElementById(this.idTarget);
57                document.getElementById(id).addEventListener('change', (e) => {
58                    elTarget.setAttribute('placeholder', e.currentTarget.dataset.placeholder);
59                });
60            });
61        });
62    }
63}
64new ChangeSearchType();