He hecho un control deslizante de página que funciona hasta cierto punto. Hay 3 elementos div en la matriz. Al avanzar desde el div en el índice 0 al div en el índice 1, funciona como debería. Al avanzar desde el div en el índice 1 al índice 2, aparece un error: TypeError no capturado: no se pueden leer las propiedades de undefined (leyendo 'className') en HTMLAnchorElement.nextPage (eclipsesMain.js:17)

Este es mi código:

 const pages = document.querySelector('.page-container').children; const next = document.querySelector('.next'); const prev = document.querySelector('.prev'); let totalPages = pages.length; let index = 0; const nextPage = function () { if (pages[index] == totalPages) { index = 0; } else { index++; } console.log(pages); let selected = document.getElementsByClassName('active'); selected[0].className = selected[0].className.replace('active', ''); pages[index].className += 'active'; console.log(pages[index]); }; next.addEventListener('click', nextPage);