add task solution

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://Roma-Yamshchikov.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;

src/scripts/main.js

@@ -1,3 +1,19 @@
 'use strict';
 
 // write code here
+const input = [...document.querySelectorAll('input')];
+
+input.forEach((item) => {
+  const label = document.createElement('label');
+
+  const namePlaceholder =
+    item.getAttribute('name')[0].toUpperCase() +
+    item.getAttribute('name').slice(1);
+
+  item.setAttribute('placeholder', namePlaceholder);
+
+  label.classList.add('field-label');
+  label.setAttribute('for', item.id);
+  label.textContent = item.getAttribute('name');
+  item.before(label);
+});