René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Support `formdata` event when FormData is created from form","articleBody":"See: https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/formdata_event\r\n\r\n```js\r\nconst formElem = document.querySelector('form');\r\n\r\n// submit handler\r\n\r\nformElem.addEventListener('submit', (e) =\u003e {\r\n  // on form submission, prevent default\r\n  e.preventDefault();\r\n\r\n  console.log(form.querySelector('input[name=\"field1\"]')); // FOO\r\n  console.log(form.querySelector('input[name=\"field2\"]')); // BAR\r\n\r\n  // construct a FormData object, which fires the formdata event\r\n  const formData = new FormData(formElem);\r\n  // formdata gets modified by the formdata event\r\n  console.log(formData.get('field1')); // foo\r\n  console.log(formData.get('field2')); // bar\r\n});\r\n\r\n// formdata handler to retrieve data\r\n\r\nformElem.addEventListener('formdata', (e) =\u003e {\r\n  console.log('formdata fired');\r\n\r\n  // modifies the form data\r\n  const formData = e.formData; \r\n  // formdata gets modified by the formdata event\r\n  formData.set('field1', formData.get('field1').toLowerCase());\r\n  formData.set('field2', formData.get('field2').toLowerCase());\r\n});\r\n```","author":{"url":"https://github.com/RoyalIcing","@type":"Person","name":"RoyalIcing"},"datePublished":"2021-11-11T00:43:12.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":0},"url":"https://github.com/31/yieldmachine/issues/31"}