watchForm.js

  // Select all forms on the page
  const forms = document.querySelectorAll('form');

  // Iterate over each form and attach a submit event listener
  forms.forEach(form => {
    form.addEventListener('submit', event => {
      event.preventDefault(); // Prevent the default form submission behavior
      
      // Get form data
      const formData = new FormData(form);

      // Convert FormData to object
      const formObject = {};
      formData.forEach((value, key) => {
        formObject[key] = value;
      });

      // Log the form data
      console.log('Form Data:', formObject);
    });
  });