window.onbeforeunload = () => {
  for(const form of document.getElementsByTagName('form')) {
    form.reset();
  }
}



window.onload = (event) => {

  var feedbackbtn = document.getElementById("feedback-button");
  feedbackbtn.style.transform = "translate(0px, -120px)";
  feedbackbtn.style.visibility = "visible";

  // Get the modal
  var modal = document.getElementById("feedback-container");

  // Get the button that opens the modal
  var feedbackbtn = document.getElementById("feedback-button");

  // Get the <span> element that closes the modal
  var span = document.getElementsByClassName("close-feedback")[0];
  var overlay = document.getElementById("feedback-overlay");
  // When the user clicks on the button, open the modal
  feedbackbtn.onclick = function () {
    // jQuery("#feedback-container").css("display", "flex");
    modal.style.display = "block";
    overlay.style.display = "block";
  }

  // When the user clicks on <span> (x), close the modal
  span.onclick = function () {
    modal.style.display = "none";
    overlay.style.display = "none";
  }
  // When the user clicks anywhere outside of the modal, close it
  overlay.onclick = function () {
    modal.style.display = "none";
    overlay.style.display = "none";
  }


};