From 88aecd78f9b48dfc8b8c94f0f1dcbcc08629b081 Mon Sep 17 00:00:00 2001 From: Rostyslav` Date: Fri, 8 May 2026 13:36:28 +0300 Subject: [PATCH 1/3] task solution --- src/scripts/main.js | 16 +++++++++++++++- 1 file changed, 15 insertions(+), 1 deletion(-) diff --git a/src/scripts/main.js b/src/scripts/main.js index a765fdb1d..f2396cd9e 100644 --- a/src/scripts/main.js +++ b/src/scripts/main.js @@ -1,3 +1,17 @@ 'use strict'; -// write code here +const form = document.querySelector('form'); +const inputs = form.querySelectorAll('input'); + +inputs.forEach(input => { + const label = document.createElement('label'); + label.classList.add('field-label'); + label.htmlFor = input.id; + label.textContent = input.name; + + const capitalizedName = input.name[0].toUpperCase() + input.name.slice(1); + + input.placeholder = capitalizedName; + + input.parentElement.append(label); +}); From 380642e9fb4e967c303211a22bf969d522ab2162 Mon Sep 17 00:00:00 2001 From: Rostyslav` Date: Fri, 8 May 2026 13:58:24 +0300 Subject: [PATCH 2/3] task solution --- src/scripts/main.js | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/src/scripts/main.js b/src/scripts/main.js index f2396cd9e..4b57a1c84 100644 --- a/src/scripts/main.js +++ b/src/scripts/main.js @@ -3,15 +3,16 @@ const form = document.querySelector('form'); const inputs = form.querySelectorAll('input'); -inputs.forEach(input => { +inputs.forEach((input) => { const label = document.createElement('label'); + label.classList.add('field-label'); + input.id = input.id || input.name; label.htmlFor = input.id; - label.textContent = input.name; const capitalizedName = input.name[0].toUpperCase() + input.name.slice(1); - + + label.textContent = capitalizedName; input.placeholder = capitalizedName; - input.parentElement.append(label); }); From d05734aae4f869c598ff493b025c872e1e53b356 Mon Sep 17 00:00:00 2001 From: Rostyslav` Date: Fri, 8 May 2026 14:26:30 +0300 Subject: [PATCH 3/3] task solution --- src/scripts/main.js | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/src/scripts/main.js b/src/scripts/main.js index 4b57a1c84..bda474ad7 100644 --- a/src/scripts/main.js +++ b/src/scripts/main.js @@ -1,7 +1,6 @@ 'use strict'; -const form = document.querySelector('form'); -const inputs = form.querySelectorAll('input'); +const inputs = document.querySelectorAll('input'); inputs.forEach((input) => { const label = document.createElement('label'); @@ -11,7 +10,7 @@ inputs.forEach((input) => { label.htmlFor = input.id; const capitalizedName = input.name[0].toUpperCase() + input.name.slice(1); - + label.textContent = capitalizedName; input.placeholder = capitalizedName; input.parentElement.append(label);