Events support

It would be nice to have some sort of events support to know when the form was changed (new elements added, or user typed any text).

[peeyush12345]

<title>Form Event Tracking</title> <script> document.addEventListener("DOMContentLoaded", function() { // Get a reference to the form var form = document.getElementById("myForm");

  // Add event listeners to form elements
  var formElements = form.elements;
  for (var i = 0; i < formElements.length; i++) {
    formElements[i].addEventListener("change", handleFormChange);
  }

  // Event handler for form change
  function handleFormChange(event) {
    // Get the changed form element
    var changedElement = event.target;
    console.log("Form element changed:", changedElement);

    // Perform desired actions based on the change
    // For example, you can check if it's a new element being added
    if (changedElement.tagName === "INPUT" && changedElement.type === "text") {
      console.log("New text input element added:", changedElement);
    }

    // You can also check if the user typed any text
    if (changedElement.tagName === "INPUT" && changedElement.type === "text" && changedElement.value !== "") {
      console.log("User typed text:", changedElement.value);
    }

    // Add more conditions or actions as per your requirements
  }
});

</script>

<textarea name="message" placeholder="Message"></textarea>