图片路径测试

Bin

2025-12-17 21f0498f62ada55651f4d232327e15fc47f498b1

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
(function () {
  const feedbackForm = document.querySelector("#helpful-form");
 
  const yesNoButtons = feedbackForm.querySelectorAll("[type='radio']");
  const moreDetails = feedbackForm.querySelector("#helpful-more");
  const cancelButton = feedbackForm.querySelector(
    "#helpful-form-cancel-button"
  );
  const confirmation = feedbackForm.querySelector("#helpful-more-confirmation");
 
  const closeForm = () => {
    yesNoButtons.forEach((button) => (button.checked = false));
    moreDetails.style.display = "none";
  };
 
  const openForm = () => {
    moreDetails.style.display = "block";
  };
 
  const submitForm = (e) => {
    e.preventDefault();
 
    const formData = new FormData(e.target);
 
    const data = {
      feedback: formData.get("feedback"),
      helpful: formData.get("helpful"),
      email: formData.get("email"),
      pageURL: window.location.href.split("#")[0],
      pageTitle: document.title,
      submittedOn: new Date().toLocaleDateString("en-CA"),
    };
 
    fetch(`${window.location.origin}/.netlify/functions/gather-feedback`, {
      method: "POST",
      body: JSON.stringify(data),
    }).then((response) => {
      if (response.status === 200) {
        console.log("success");
        moreDetails.style.display = "none";
        confirmation.style.display = "block";
      }
    });
  };
 
  yesNoButtons.forEach((button) => button.addEventListener("change", openForm));
 
  cancelButton.addEventListener("click", closeForm);
  feedbackForm.addEventListener("submit", submitForm);
})();