Learn Form Validation by Building a Calorie Counter - Step 49

JavaScript
1

Tell us what’s happening:

Hello Friend,
I hope I have done the good things but the code did not pass me. I need your help. Thanks

Your code so far

<!-- file: index.html -->


/* file: styles.css */


/* file: script.js */
// User Editable Region

function addEntry() {
  const targetInputContainer = document.querySelector(`#${entryDropdown.value} .input-container`);
  const entryNumber = targetInputContainer.querySelectorAll('input[type="text"]').length;
  const HTMLString =`             
  <label for="${entryDropdown.value}-${entryNumber}-name">Entry ${entryNumber} Name</label>;
  <input type="text" id="${entryDropdown.value}-${entryNumber}-name" placeholder="Name"/>; 
 <label for="${entryDropdown.value}-${entryNumber}-calories">Entry${entryNumber}Calories</label>`;
}

// User Editable Region

Your browser information:

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

Challenge Information:

Learn Form Validation by Building a Calorie Counter - Step 49

2

Please remember to talk to us about how specifically the instructions or error message are confusing. Communication is a critical programming skill

3

Hi @olorunlogbon

Here is a comparison of the original code and your code.

The code in blue is the original code, the code in red is your code.
The code in magenta is the overlap.

image
image1088×236 32.7 KB

You appear to have modified the seed code.

The two options are:

  • reset the step and try again
  • change the code back

To restore the seed code:

  1. remove the spaces from the line after the first backtick
  2. insert a single space before the forward slash in the input element
  3. remove the two semicolons shown in red.

Happy coding

4

Thanks so much your advise work perfectly.

1 Like