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://VasylPylypchynets.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,43 @@
 'use strict';
 
 // write code here
+const fieldText = document.querySelectorAll('.field-text');
+
+function splitCamelCase(str) {
+  let string = str;
+
+  if (string.charAt(0).toUpperCase() === string.charAt(0)) {
+    string = ' ' + string;
+  }
+
+  return string.replace(/([a-z])([A-Z])/g, '$1 $2').trim();
+}
+
+function capitalizeWords(str) {
+  if (str === null || str === undefined) {
+    return '';
+  }
+
+  return str
+    .split(' ')
+    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+    .join(' ');
+}
+
+fieldText.forEach((input) => {
+  const InputName = 'name';
+  const label = document.createElement('label');
+  const nameInput = input.getAttribute(InputName)
+    ? splitCamelCase(input.getAttribute(InputName))
+    : null;
+  const capitalizedWords = capitalizeWords(nameInput);
+  const parentInput = input.parentNode;
+
+  label.classList.add('field-label');
+  label.setAttribute('for', input.getAttribute(InputName));
+  label.textContent = nameInput.toUpperCase();
+
+  input.setAttribute('placeholder', capitalizedWords);
+
+  parentInput.insertBefore(label, input);
+});