В слайдере выходит ошибка TypeError: Cannot read property 'style' of undefined после первой смены блока. Класс active добавляется только первый раз.
let slideIndex = 0;
let showSlides = () => {
let slides = document.querySelectorAll('.slides');
let dots = document.querySelectorAll('.dot');
for (let i = 0; i < slides.length; i++) {
slides[i].style.display = 'none';
}
slideIndex++;
if (slideIndex < slides.length) {
slideIndex = 1;
}
for (let i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(' active', '');
}
slides[slideIndex - 1].style.display = 'block';
dots[slideIndex - 1].className += ' active';
setTimeout(showSlides, 2000);
}
showSlides();
<div class="page-8__info slides">
<div class="page-8__text">
<h4>Низкий уровень шума</h4>
<p>Низкий уровень шума от 20 Дб <br>приточно-очистительного комплекса BREZZA RCB 150 обеспечивает комфортное использование прибора в офисе, коттедже, квартире, а также в спальне и детской комнате.</p>
<img src="img/sound 1.png" alt="">
<img src="img/sound 2.png" alt="">
<div class="dots-container">
<div class="dot"></div>
<div class="dot"></div>
</div>
</div>
</div>
<div class="page-8__info-2 slides">
<div class="page-8__text-2">
<h4>Низкий уровень шума</h4>
<p>Низкий уровень шума от 20 Дб <br>приточно-очистительного комплекса BREZZA RCB 150 обеспечивает комфортное использование прибора в офисе, коттедже, квартире, а также в спальне и детской комнате.</p>
<img src="img/sound 1.png" alt="">
<img src="img/sound 2.png" alt="">
<div class="dots-container">
<div class="dot"></div>
<div class="dot"></div>
</div>
</div>
</div>