Solution

[ValentynaBahyrly]

[x] DEMO LINK

Your task is to make script, which fixes problems in this form.
[x] 1) Add <label> for inputs.
[x] 2) Add placeholders for each input.

[x] 1) Get all inputs from form tag on the page.
[x] 2) For each input element create element label with class field-label (it is needed to apply css styles) and for attribute where set id of current input. Set textContent for label rely on input name.
[x] 3) For each input set placeholder based on input name. Capitalize it.
[x] 4) Append label elements to the parent container of input (do not wrap inputs into the label in this task)
[x] 5) Done.

[mateacademy-ai-mentor]

Review Summary

Excellent work on this task! I am approving your solution as it perfectly meets all the requirements. Your script correctly identifies all form inputs and dynamically generates the necessary labels and placeholders. The logic for capitalizing the text from the name attribute is implemented well, and you've correctly appended the labels to the parent container. The code is clean, efficient, and fully achieves the desired outcome. Keep up the great work!

---

✨ Please rate this review in the Platform's notification center¹. I will be grateful for your feedback! ✨

Footnotes

1. Rate AI review example ↩