add solution

.github/workflows/test.yml

@@ -7,7 +7,7 @@ on:
 jobs:
   build:
 
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-22.04
 
     strategy:
       matrix:

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://RuslanV23.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,17 @@
 'use strict';
+/**
+ * @type {NodeListOf<HTMLInputElement>}
+ * */
 
-// write code here
+const colectionInputs = document.querySelectorAll('form input');
+
+colectionInputs.forEach((input) => {
+  const label = document.createElement('label');
+  const labelText = input.name[0].toUpperCase() + input.name.slice(1);
+
+  input.placeholder = labelText;
+  label.textContent = labelText;
+  label.classList.add('field-label');
+  label.setAttribute('for', input.id);
+  input.parentElement.prepend(label);
+});