script.js 668 B

123456789101112131415161718192021
  1. let dots = document.querySelectorAll(".dots > div");
  2. for (let d of dots) {
  3. d.onclick = function (event) {
  4. if (this.dataset && this.dataset.page) {
  5. let switchPage = document.querySelector(this.dataset.page);
  6. if (switchPage) {
  7. if (!this.classList.contains("active") && !switchPage.classList.contains("active")) {
  8. let active = document.querySelector(".dots > .active");
  9. let activePage = document.querySelector(".page.active");
  10. if (active && activePage) {
  11. active.classList.remove("active");
  12. activePage.classList.remove("active");
  13. }
  14. }
  15. this.classList.add("active");
  16. switchPage.classList.add("active");
  17. }
  18. }
  19. };
  20. }