Add task solution

.github/workflows/test.yml

@@ -11,7 +11,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [12.x]
+        node-version: [14.x]
 
     steps:
       - uses: actions/checkout@v2

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

package.json

@@ -22,7 +22,7 @@
     "@mate-academy/bemlint": "^0.1.1",
     "@mate-academy/eslint-config": "*",
     "@mate-academy/linthtml-config": "*",
-    "@mate-academy/scripts": "^1.2.10",
+    "@mate-academy/scripts": "^1.7.0",
     "@mate-academy/stylelint-config": "0.0.11",
     "@parcel/transformer-sass": "2.10.2",
     "backstopjs": "^6.2.2",

src/scripts/main.js

@@ -1,3 +1,21 @@
 'use strict';
 
-// write code here
+const inputs = document.querySelectorAll('input');
+
+inputs.forEach(element => {
+  const label = document.createElement('label');
+  let nameElement = element.name;
+
+  nameElement = nameElement[0].toUpperCase() + nameElement.slice(1);
+
+  if (nameElement.includes('Name')) {
+    nameElement = nameElement.replace('Name', ' Name');
+  }
+
+  label.htmlFor = element.id;
+  label.innerHTML = nameElement.toUpperCase();
+  label.classList = 'field-label';
+
+  element.placeholder = nameElement;
+  element.insertAdjacentElement('beforebegin', label);
+});