Learn Form Validation by Building a Calorie Counter - Step 45

Hi campers!

Is anyone able to comment why my code below fails? Please help!

Your code so far

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

const HTMLString = `<label for="${entryDropdown.value}-${entryNumber}-name" > Entry ${entryNumber} Name</label>`;

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36

Challenge Information:

Learn Form Validation by Building a Calorie Counter - Step 45

You’ve basically done it correctly but you made a few tiny changes to the original code that the tests don’t like.

The original code started with a hard return and the opening label element on a new line. You removed the hard return and put the label element back on the same line as HTMLString. The tests don’t like that. Put the hard return back.

You also added a space character right before the word “Entry”. Again, the tests don’t like that, so get rid of that extra space.

In general you should try not to make any changes that the tests don’t ask you to make. Leave the original code unchanged as much as possible and only do exactly what the instructions ask for and no more.

It worked! Thank you so much!

1 Like

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.