From f096934dc47f31932d7fa425836b2d1797b3f167 Mon Sep 17 00:00:00 2001
From: Angela <angelastrechen1@mail.com>
Date: Thu, 29 Jan 2026 09:54:22 +0100
Subject: [PATCH] solution

---
 README.md           |  2 +-
 package-lock.json   |  8 ++++----
 package.json        |  2 +-
 src/scripts/main.js | 24 +++++++++++++++++++++++-
 4 files changed, 29 insertions(+), 7 deletions(-)

diff --git a/README.md b/README.md
index d24722b51..70e8646e6 100644
--- a/README.md
+++ b/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://AngelaStrechen.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/package-lock.json b/package-lock.json
index ef68bec34..be50a048d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,7 +14,7 @@
         "@mate-academy/eslint-config": "latest",
         "@mate-academy/jest-mochawesome-reporter": "^1.0.0",
         "@mate-academy/linthtml-config": "latest",
-        "@mate-academy/scripts": "^1.9.12",
+        "@mate-academy/scripts": "^2.1.3",
         "@mate-academy/stylelint-config": "latest",
         "@parcel/transformer-sass": "^2.12.0",
         "cypress": "^13.13.0",
@@ -1506,9 +1506,9 @@
       "dev": true
     },
     "node_modules/@mate-academy/scripts": {
-      "version": "1.9.12",
-      "resolved": "https://registry.npmjs.org/@mate-academy/scripts/-/scripts-1.9.12.tgz",
-      "integrity": "sha512-/OcmxMa34lYLFlGx7Ig926W1U1qjrnXbjFJ2TzUcDaLmED+A5se652NcWwGOidXRuMAOYLPU2jNYBEkKyXrFJA==",
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@mate-academy/scripts/-/scripts-2.1.3.tgz",
+      "integrity": "sha512-a07wHTj/1QUK2Aac5zHad+sGw4rIvcNl5lJmJpAD7OxeSbnCdyI6RXUHwXhjF5MaVo9YHrJ0xVahyERS2IIyBQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
diff --git a/package.json b/package.json
index 791811d0e..6cb9f34ef 100644
--- a/package.json
+++ b/package.json
@@ -23,7 +23,7 @@
     "@mate-academy/eslint-config": "latest",
     "@mate-academy/jest-mochawesome-reporter": "^1.0.0",
     "@mate-academy/linthtml-config": "latest",
-    "@mate-academy/scripts": "^1.9.12",
+    "@mate-academy/scripts": "^2.1.3",
     "@mate-academy/stylelint-config": "latest",
     "@parcel/transformer-sass": "^2.12.0",
     "cypress": "^13.13.0",
diff --git a/src/scripts/main.js b/src/scripts/main.js
index a765fdb1d..91e68eb77 100644
--- a/src/scripts/main.js
+++ b/src/scripts/main.js
@@ -1,3 +1,25 @@
 'use strict';
 
-// write code here
+// 1. Отримуємо всі input на сторінці
+const inputs = document.querySelectorAll('form input');
+
+inputs.forEach((input) => {
+  // 2. Створюємо label
+  const label = document.createElement('label');
+
+  label.classList.add('field-label');
+
+  // 3. Прив'язуємо label до input
+  label.setAttribute('for', input.id);
+
+  // 4. Беремо name інпута та робимо текст для label
+  const inputName = input.name;
+
+  label.textContent = inputName;
+
+  // 5. Створюємо placeholder (з великої літери)
+  input.placeholder = inputName.charAt(0).toUpperCase() + inputName.slice(1);
+
+  // 6. Додаємо label в контейнер поля
+  input.parentElement.appendChild(label);
+});