https://staff-concierge.com/wp-content/themes/staff/assets/js/quiz.js?1791231789

1function handleQuiz() {
2  const linksQuiz = document.querySelectorAll(".v-open-quiz");
3  const quizModalBg = document.querySelector(".quiz-modal__bg");
4
5  if (!quizModalBg) return;
6
7  const quizModal = quizModalBg.querySelector(".quiz-modal");
8
9  const nextBtn = quizModal.querySelector(".quiz-modal__form__button_next");
10  const backBtn = quizModal.querySelector(".quiz-modal__form__button_back");
11  const procentText = quizModal.querySelector(".quiz-modal__process__procent");
12  const quizForm = quizModal.querySelector(".quiz-modal__form");
13
14  linksQuiz.forEach((link) => {
15    link.addEventListener("click", (e) => {
16      e.preventDefault();
17
18      document.body.classList.add("body-hidden");
19      quizModalBg.classList.add("quiz-modal-active");
20    });
21  });
22
23  nextBtn.addEventListener("click", () => {
24    quizModal.classList.remove("quiz-modal-stage1");
25    quizModal.classList.add("quiz-modal-stage2");
26    procentText.textContent = "100%";
27  });
28
29  backBtn.addEventListener("click", () => {
30    quizModal.classList.add("quiz-modal-stage1");
31    quizModal.classList.remove("quiz-modal-stage2");
32    procentText.textContent = "50%";
33  });
34
35  // quizForm.addEventListener("submit", async (e) => {
36  //   e.preventDefault();
37
38  //   const formData = new FormData(quizForm);
39
40  //   const errorMessage = quizForm.querySelector(".v-error-query");
41  //   const successMessage = quizForm.querySelector(".v-success-query");
42
43  //   if (errorMessage) errorMessage.style.display = "none";
44  //   if (successMessage) successMessage.style.display = "none";
45
46  //   try {
47  //     const response = await fetch(quizForm.action, {
48  //       method: "POST",
49  //       body: formData,
50  //     });
51
52  //     if (!response.ok) throw new Error("Error");
53	// 	ym(96903852,'reachGoal','quiz');
54  //     if (successMessage) {
55  //       successMessage.style.display = "block";
56  //     } else {
57  //       const message = document.createElement("p");
58  //       message.className = "v-success-query";
59  //       message.textContent = "Форма успешно отправлена!";
60  //       quizForm.appendChild(message);
61  //     }
62
63  //     const lastSuccessMessage = quizForm.querySelector(".v-success-query");
64
65  //     setTimeout(() => {
66  //       lastSuccessMessage.style.display = "none";
67  //     }, 5000);
68
69  //     quizForm.reset();
70  //   } catch (error) {
71  //     if (errorMessage) {
72  //       errorMessage.style.display = "block";
73  //     } else {
74  //       const message = document.createElement("p");
75  //       message.className = "v-error-query";
76  //       message.textContent = "При отправке формы произошла ошибка!";
77  //       quizForm.appendChild(message);
78  //     }
79
80  //     const lastErrorMessage = quizForm.querySelector(".v-error-query");
81
82  //     setTimeout(() => {
83  //       lastErrorMessage.style.display = "none";
84  //     }, 5000);
85  //   }
86  // });
87
88  const handleCloseQuiz = () => {
89    quizModalBg.addEventListener("click", (e) => {
90      if (
91        e.target.classList.contains("quiz-modal__content") ||
92        e.target.classList.contains("quiz-modal__close")
93      ) {
94        document.body.classList.remove("body-hidden");
95        quizModalBg.classList.remove("quiz-modal-active");
96        quizForm.reset();
97      }
98    });
99  };
100  handleCloseQuiz();
101}
102
103handleQuiz();
104
105const telInputs = document.querySelectorAll('input[type="tel"]');
106
107telInputs.forEach(function (input) {
108  Inputmask("+7(999)999-99-99").mask(input);
109});