From 1ac0e3a18f000fb9f3298e51625114ca6bd3bad2 Mon Sep 17 00:00:00 2001 From: Anna Pryimak Date: Sun, 28 Jun 2026 23:54:49 +0300 Subject: [PATCH 1/2] add task solution --- README.md | 2 +- src/scripts/main.js | 19 ++++++++++++++++++- 2 files changed, 19 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index d24722b51..415d83894 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://PrimaSB.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..4b5a9bcd6 100644 --- a/src/scripts/main.js +++ b/src/scripts/main.js @@ -1,3 +1,20 @@ 'use strict'; -// write code here +const forms = document.querySelectorAll('form'); + +for (const form of forms) { + const allInputs = form.querySelectorAll('input'); + + for (const element of allInputs) { + const label = document.createElement('label'); + const parentElement = element.parentElement; + + label.className = 'field-label'; + label.htmlFor = element.id; + label.textContent = element.name; + + element.placeholder = element.name.toUpperCase(); + + parentElement.appendChild(label); + } +} From afb1af983e982992aa576599b31ded7104032da3 Mon Sep 17 00:00:00 2001 From: Anna Pryimak Date: Mon, 29 Jun 2026 00:13:06 +0300 Subject: [PATCH 2/2] fixed placeholders incorrect capitalization --- src/scripts/main.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/scripts/main.js b/src/scripts/main.js index 4b5a9bcd6..6c8da8875 100644 --- a/src/scripts/main.js +++ b/src/scripts/main.js @@ -13,7 +13,8 @@ for (const form of forms) { label.htmlFor = element.id; label.textContent = element.name; - element.placeholder = element.name.toUpperCase(); + element.placeholder = + element.name[0].toUpperCase() + element.name.slice(1).toLowerCase(); parentElement.appendChild(label); }