From 284e5481a84123cab76de1537a6c41cf6dc95eee Mon Sep 17 00:00:00 2001
From: Vladyslav Tsarenko <vaaaltaaasaaar@gmail.com>
Date: Wed, 5 Feb 2025 11:31:20 -0600
Subject: [PATCH 1/2] add solution

---
 README.md           |  2 +-
 src/scripts/main.js | 18 +++++++++++++++++-
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index d24722b5..51a4c6c2 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,5 @@
 1. Replace `<your_account>` with your Github username in the link
-    - [DEMO LINK](https://<your_account>.github.io/js_task_fix_form_DOM/)
+    - [DEMO LINK](https://Vl-Tsr.github.io/js_task_fix_form_DOM/)
 2. Follow [this instructions](https://mate-academy.github.io/layout_task-guideline/)
     - Run `npm run test` command to test your code;
     - Run `npm run test:only -- -n` to run fast test ignoring linter;
diff --git a/src/scripts/main.js b/src/scripts/main.js
index a765fdb1..8e56ddc7 100644
--- a/src/scripts/main.js
+++ b/src/scripts/main.js
@@ -1,3 +1,19 @@
 'use strict';
 
-// write code here
+let inputElement = document.querySelectorAll('form input')
+
+
+inputElement.forEach( elem => {
+
+  let labelElement = document.createElement('label')
+  labelElement.classList.add('field-label')
+  labelElement.htmlFor = elem.id
+  labelElement.textContent = elem.name.replace(/(?<!\s)([A-Z])/g, ' $1').toUpperCase() || ''
+  elem.placeholder = elem.name.replace(/(?<!\s)([A-Z])/g, ' $1') || ''
+  elem.style = 'text-transform: capitalize;'
+  elem.before( labelElement)
+})
+
+
+
+

From b03c877f330a2b87cb2012361d81f1757ebbd4b1 Mon Sep 17 00:00:00 2001
From: Vladyslav Tsarenko <vaaaltaaasaaar@gmail.com>
Date: Wed, 5 Feb 2025 11:43:59 -0600
Subject: [PATCH 2/2] add solution

---
 src/scripts/main.js | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/scripts/main.js b/src/scripts/main.js
index 8e56ddc7..58377c3c 100644
--- a/src/scripts/main.js
+++ b/src/scripts/main.js
@@ -1,16 +1,15 @@
 'use strict';
 
-let inputElement = document.querySelectorAll('form input')
-
+let inputElement = [...document.querySelectorAll('form input')]
 
 inputElement.forEach( elem => {
 
   let labelElement = document.createElement('label')
   labelElement.classList.add('field-label')
-  labelElement.htmlFor = elem.id
+  labelElement.htmlFor = elem.id || ''
   labelElement.textContent = elem.name.replace(/(?<!\s)([A-Z])/g, ' $1').toUpperCase() || ''
   elem.placeholder = elem.name.replace(/(?<!\s)([A-Z])/g, ' $1') || ''
-  elem.style = 'text-transform: capitalize;'
+  elem.style.textTransform = 'capitalize'
   elem.before( labelElement)
 })