done

anuragverma108 · Oct 7, 2024 · 0de993c · 0de993c
1 parent bd82632
commit 0de993c
Showing 1 changed file with 61 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -2927,8 +2927,67 @@ <h3>Rate Us</h3>
             <center><button id="submit-btn">Submit</button></center>
         </div>
     </div>
-
     <div id="toastMessage" class="toast-message"></div>
+    <script>
+        document.addEventListener("DOMContentLoaded", function() {
+          const toastMessage = document.getElementById("toastMessage");
+
+          document.getElementById("submit-btn").addEventListener("click", function(event) {
+              event.preventDefault(); // Prevent default form submission
+
+              let selectedEmoji = document.querySelector('input[name="rate"]:checked');
+              let feedback = document.getElementById("feedback").value.trim();
+
+              if (selectedEmoji && feedback !== "") {
+                  // Show success toast message
+                  toastMessage.textContent = "Feedback submitted successfully :)";
+                  toastMessage.style.backgroundColor = "green"; // Green color for success
+                  toastMessage.style.color = "white";
+                  toastMessage.style.borderRadius = "0.5rem";
+                  toastMessage.style.position = "fixed";
+                  toastMessage.style.display = "block";
+
+                  // Hide toast message after 3 seconds (adjust as needed)
+                  setTimeout(function() {
+                      toastMessage.style.display = "none";
+                  }, 3000);
+
+                  // Reset form fields
+                  document.getElementById("feedback").value = "";
+                  let starInputs = document.querySelectorAll('input[name="rate"]');
+                  starInputs.forEach(input => {
+                      input.checked = false;
+                  });
+
+                  // Store feedback in local storage
+                  let feedbackData = {
+                      emoji: selectedEmoji.value,
+                      feedback: feedback
+                  };
+                  localStorage.setItem("feedback", JSON.stringify(feedbackData));
+              } else {
+                  // Show failure toast message
+                  toastMessage.textContent = "Select Emoji and give Feedback :(";
+                  toastMessage.style.backgroundColor = "red"; // Red color for failure
+                  toastMessage.style.color = "white";
+                  toastMessage.style.borderRadius = "0.5rem";
+                  toastMessage.style.position = "fixed";
+                  toastMessage.style.display = "block";
+
+                  // Hide toast message after 3 seconds (adjust as needed)
+                  setTimeout(function() {
+                      toastMessage.style.display = "none";
+                  }, 3000);
+
+                  document.getElementById("feedback").value = "";
+                  let starInputs = document.querySelectorAll('input[name="rate"]');
+                  starInputs.forEach(input => {
+                      input.checked = false;
+                  });
+              }
+          });
+      });
+    </script>
     <script>
      document.addEventListener("DOMContentLoaded", function() {
     const toastMessage = document.getElementById("toastMessage");
@@ -3042,7 +3101,7 @@ <h3 style="text-align: left; color: #A30F17;" class="g_i_t">Get in touch</h3>
         </div> 
     </div>
   </div>
-
+  s
   <div class="cardi">
     <div class="contact-card white-border-card">
       <li>