1. function compactFormOutput(formElement) {
  2. // Get all form elements
  3. const formElements = formElement.elements;
  5. // Iterate through each element
  6. for (let i = 0; i < formElements.length; i++) {
  7. const element = formElements[i];
  9. // Check if the element is a text field or textarea
  10. if (element.type === 'text' || element.type === 'textarea') {
  11. // Output the label (if available)
  12. if (element.label) {
  13. console.log(`[${element.label}]`); // Label for context
  14. }
  16. // Output the element's name
  17. console.log(` Name: ${element.name}`);
  19. // Output the element's value
  20. console.log(` Value: ${element.value}`);
  21. } else if (element.type === 'select-one') {
  22. // Output the label (if available)
  23. if (element.label) {
  24. console.log(`[${element.label}]`); // Label for context
  25. }
  26. // Output the selected option value
  27. console.log(` Value: ${element.value}`);
  28. } else if (element.type === 'checkbox') {
  29. console.log(`[${element.name}] ${element.checked}`); //Name and checked state
  30. } else if(element.type === 'radio'){
  31. console.log(`[${element.name}] ${element.checked}`); //Name and checked state
  32. }
  33. }
  34. }
  36. // Example usage:
  37. // Assuming you have a form with the id "myForm"
  38. const myForm = document.getElementById('myForm');
  39. if (myForm) {
  40. compactFormOutput(myForm);
  41. }

Add your comment