How can we get user input data from rendered form

[jino-shaji]

renderer = new FormeoRenderer(optionsRender)
renderer.render(JSON.parse(formData));

but, I don't know how you are getting user input data from rendered form

[JordanGarciaDev]

x2

[trouble2]

If you add a button to the form with type submit, you can write an eventlistener and add it to the button on rendering the form.
So this will loop through the fields and get there values....

So something like this:
const renderer = new FormeoRenderer({ renderContainer: formContainer });
renderer.render(schema);

formContainer.addEventListener('click', function (e) {
const submitButton = e.target.closest('button[type="submit"]');
if (!submitButton) return;

 e.preventDefault();

 const formDataToSend = {};

 formContainer.querySelectorAll('input, select, textarea').forEach(el => {

     const name = el.name;
     if (!name) return;

     let label = null;

     if (el.type === 'radio') {
         const groupLabel = el.closest('.f-field-group')?.previousElementSibling;
         label = groupLabel?.tagName === 'LABEL' ? groupLabel.innerText.trim() : null;
     } else {
         const labelEl = formContainer.querySelector(`label[for="${el.id}"]`);
         label = labelEl?.innerText?.trim();
     }

     const key = label || name;

     let value;
     if (el.type === 'checkbox') {
         value = el.checked;
     } else if (el.type === 'radio') {
         if (!el.checked) return; 
         value = el.value;
     } else {
         value = el.value;
     }

     formDataToSend[key] = value;
 });

...