v1

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://SerhiiSemennikov.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,15 @@
 'use strict';
 
-// write code here
+const inputs = document.querySelectorAll('input');
+
+inputs.map((elementOfInput) => {
+  const labels = document.createElement('label');
+
+  labels.className = 'field-label';
+  labels.htmlFor = elementOfInput.id;
+  labels.textContent = elementOfInput.name;
+
+  elementOfInput.placeholder =
+    elementOfInput.name.charAt(0).toUpperCase() + elementOfInput.name.slice(1);
+  elementOfInput.parentElement.appendChild(labels);
+});