I can't figure out what the error is (Error: Uncaught ReferenceError)
(slidesWrapper = document.querySelector(wrapper)) - at slider
const slides = document.querySelectorAll(slide),
slider = document.querySelector(container),
prev = document.querySelector(prevArrow),
next = document.querySelector(nextArrow),
total = document.querySelector(totalCounter),
current = document.querySelector(currentCounter);
(slidesWrapper = document.querySelector(wrapper));
(width = window.getComputedStyle(slidesWrapper).width);
(slideField = document.querySelector(field));
The data is exported to another document
Uncaught ReferenceError: slidesWrapper is not defined
slider({
container: ".offer__slider",
slide: ".offer__slide",
nextArrow: ".offer__slider-next",
prevArrow: ".offer__slider-prev",
totalCounter: "#total",
currentCounter: "#current",
wrapper: ".offer__slider-wrapper",
field: ".offer__slider-inner"
});
You are defining multiple variables with a single const where each variable is seperated by a comma.
This is what the code should be:
const slides = document.querySelectorAll(slide),
slider = document.querySelector(container),
prev = document.querySelector(prevArrow),
next = document.querySelector(nextArrow),
total = document.querySelector(totalCounter),
current = document.querySelector(currentCounter,
slidesWrapper = document.querySelector(wrapper),
width = window.getComputedStyle(slidesWrapper).width,
slideField = document.querySelector(field);