https://github.com/gadyka08-lab/js_task_fix_form_DOM

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://gadyka08-lab.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;

src/scripts/main.js

@@ -1,3 +1,35 @@
 'use strict';
+// 1. Знаходимо всі інпути у формі
+const inputs = document.querySelectorAll('form input');
 
-// write code here
+// 2. Проходимо циклом по кожному інпуту
+inputs.forEach((input) => {
+  // 1. Створюємо лейбл та додаємо клас
+  const newLabel = document.createElement('label');
+  newLabel.classList.add('field-label');
+  newLabel.setAttribute('for', input.id);
+
+  // 2. Отримуємо ім'я та робимо його Capitalized
+  const name = input.name;
+  const capitalizedName = name[0].toUpperCase() + name.slice(1);
+
+  // 3. Встановлюємо текст для лейбла та placeholder для інпута
+  newLabel.textContent = capitalizedName;
+  input.placeholder = capitalizedName;
+
+  // 4. Додаємо лейбл у батьківський контейнер інпута
+  // Ми хочемо, щоб лейбл з'явився ПЕРЕД інпутом
+  input.parentElement.prepend(newLabel);
+});
+const name = "email"; // Наприклад, ми отримали це з input.name
+
+// 1. Беремо першу літеру і робимо її великою
+const firstLetter = name[0].toUpperCase();
+
+// 2. Беремо решту слова (з 1-го символу до кінця)
+const restOfName = name.slice(1);
+
+// 3. З'єднуємо їх
+const capitalizedName = firstLetter + restOfName;
+
+console.log(capitalizedName); // Результат: "Email"