Javascript Code Function Create FormData() Without Form

How to Create FormData() Object in Javascript without Having a Form by Simply querySelectorAll('input,select,textarea');

The function below allows you to find all a forms html elements and their values (creating formData() object in the process) WITHOUT these elements having to exist within a form.

/* ----------------------------------------- function to create formData without the need for a form simply by looping through each element on the page that is either of type input, select and textarea --------------- /* function formDataFromElems() { var fData = new FormData(); document.querySelectorAll("input,select,textarea").forEach((el) =>{ if(el.value.trim().length > 0){ fData.append(el.name, el.value.trim()); } }); /* uncomment to see output for (const [key, value] of fData) { console.log(key, value); }*/ return fData; }