From 8977aac189b75f83e4a207a2ebfe8b5799121f21 Mon Sep 17 00:00:00 2001 From: fedechkova Date: Sat, 14 Mar 2026 15:59:47 +0100 Subject: [PATCH] add task solution --- README.md | 2 +- src/scripts/main.js | 11 ++++++++++- 2 files changed, 11 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index d24722b51..8085d9598 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://fedechkova.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..d6b51d1f8 100644 --- a/src/scripts/main.js +++ b/src/scripts/main.js @@ -1,3 +1,12 @@ 'use strict'; -// write code here +document.querySelectorAll('form input').forEach((input) => { + const label = document.createElement('label'); + + label.classList.add('field-label'); + label.setAttribute('for', input.id); + label.textContent = input.name; + + input.placeholder = input.name.charAt(0).toUpperCase() + input.name.slice(1); + input.parentElement.append(label); +});