From 85d438f9d4fb300551185f60ead037ebb6ee6c48 Mon Sep 17 00:00:00 2001
From: Anastasi Bielikova <anastasiabelikova39@gmail.com>
Date: Wed, 26 Aug 2026 15:09:47 +0300
Subject: [PATCH] add

---
 README.md           |  2 +-
 src/scripts/main.js | 21 ++++++++++++++++++++-
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index d24722b51..47829a4e9 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://miabellaa.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..da9cfcc79 100644
--- a/src/scripts/main.js
+++ b/src/scripts/main.js
@@ -1,3 +1,22 @@
 'use strict';
 
-// write code here
+const formInput = document.querySelectorAll('form input');
+
+const capitalize = (str) => {
+  return str.charAt(0).toUpperCase() + str.slice(1);
+}
+
+for (const input of formInput) {
+  const inputName = input.name;
+  const inputId = input.id;
+
+  input.placeholder = capitalize(inputName);
+
+  const label = document.createElement('label');
+
+  label.classList.add('field-label');
+  label.htmlFor = inputId;
+  label.textContent = inputName;
+
+  input.before(label);
+}