JSFiddle - React, Tailwind, and code Playground

by luka kupunia

JavaScript

function mainSlider() {
    var e, t = 0,
        n = document.querySelectorAll("div#main-slider div.body div.side div.main-item"),
        a = document.querySelectorAll("div#main-slider div.body div.side div.main-itemm"),
        i = document.querySelectorAll(".home_slider .slider_bullets .pag_div"),
        s = (document.querySelector("#next_cst"), document.querySelector("#prev_cst"), 0);

    function o() {
        s = 0, null != document.querySelector(".animate-out") && document.querySelector(".animate-out").classList.remove("animate-out"), null != document.querySelector(".animate-in") && document.querySelector(".animate-in").classList.remove("animate-in"), null != document.querySelector(".animate-outt") && document.querySelector(".animate-outt").classList.remove("animate-outt"), null != document.querySelector(".animate-inn") && document.querySelector(".animate-inn").classList.remove("animate-inn"), i[0].classList.remove("active"), i[1].classList.remove("active"), i[2].classList.remove("active"), t + 1 != i.length ? i[t + 1].classList.add("active") : i[0].classList.add("active");
        for (var e = 0; e < i.length; e++) i[e].style.pointerEvents = "none";
        setTimeout(function() {
            for (var e = 0; e < i.length; e++) i[e].style.pointerEvents = "all"
        }, 1500), n[t].classList.add("animate-out"), a[t].classList.add("animate-outt"), t + 1 === n.length ? (n[0].classList.add("animate-in"), a[0].classList.add("animate-inn")) : (n[t + 1].classList.add("animate-in"), a[t + 1].classList.add("animate-inn")), ++t === n.length && (t = 0)
    }

    function l() {
        s = 0, null != document.querySelector(".animate-out") && document.querySelector(".animate-out").classList.remove("animate-out"), null != document.querySelector(".animate-in") && document.querySelector(".animate-in").classList.remove("animate-in"), null != document.querySelector(".animate-outt") && document.querySelector(".animate-outt").classList.remove("animate-outt"), null !=...