diff --git a/README.md b/README.md index d24722b51..fc16b2368 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://dianakomar.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..773939417 100644 --- a/src/scripts/main.js +++ b/src/scripts/main.js @@ -1,3 +1,19 @@ 'use strict'; -// write code here +const inputs = document.querySelectorAll('form input'); + +for (const input of inputs) { + const label = document.createElement('label'); + const parentEl = input.parentElement; + const inputId = input.getAttribute('id'); + const inputName = input.getAttribute('name'); + + const plchldrText = inputName.charAt(0).toUpperCase() + inputName.slice(1); + + label.setAttribute('class', 'field-label'); + label.setAttribute('for', inputId); + input.setAttribute('placeholder', plchldrText); + label.textContent = inputName; + + parentEl.insertBefore(label, input); +}