- Replace
<your_account>
with your Github username in the link - Follow this instructions
- Run
npm run test
command to test your code; - Run
npm run test:only -- -n
to run fast test ignoring linter; - Run
npm run test:only -- -l
to run fast test with additional info in console ignoring linter.
- Run
Look at this form... Looks like something is missing here. Labels? Placeholders? Yeah..
Your task is to make script, which fixes problems in this form.
- Add
<label>
for inputs. - Add placeholders for each input.
Rely on the name
of the input when writing your script.
You can read about placeholders and labels here:
- Get all
inputs
fromform
tag on the page. - For each
input
element create elementlabel
withclass
field-label
(it is needed to apply css styles) andfor
attribute where setid
of current input. SettextContent
for label rely oninput
name. - For each
input
setplaceholder
based oninput
name. Capitalize it. - Append
label
elements to the parent container ofinput
(do not wrap inputs into the label in this task) - Done.
Hints: p.2 and p.4 can be done in one loop
Do not change styles or HTML layout in this task. Change only main.js
file.
Expected result: