diff --git a/README.md b/README.md index d24722b51..1661b0129 100644 --- a/README.md +++ b/README.md @@ -1,5 +1,5 @@ 1. Replace `` with your Github username in the link - - [DEMO LINK](https://.github.io/js_task_fix_form_DOM/) + - [DEMO LINK](https://Tulenty.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 a765fdb1d..8cd3da027 100644 --- a/src/scripts/main.js +++ b/src/scripts/main.js @@ -1,3 +1,29 @@ 'use strict'; // write code here + +function AddSpace(word) { + return word.replace(/([a-z])([A-Z])/g, '$1 $2'); +} + +function firstUpperChar(word) { + return word.charAt(0).toUpperCase() + word.slice(1); +} + +const forms = document.querySelectorAll('form'); + +forms.forEach((form) => { + const inputs = form.querySelectorAll('input'); + + inputs.forEach((input) => { + const label = document.createElement('label'); + + label.setAttribute('for', input.id); + + label.classList.add('field-label'); + label.textContent = AddSpace(input.name).toUpperCase(); + + input.placeholder = AddSpace(firstUpperChar(input.name)); + input.parentNode.insertBefore(label, input); + }); +});