Learn Form Validation by Building a Calorie Counter - Step 49

Tell us what’s happening:

I have written to code but I don’t know where I am making mistake. The compiler is just showing the error “you should not modify your existing elements”

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:

Challenge Information:

Learn Form Validation by Building a Calorie Counter - Step 49

for once you should not have a semicolon after the input. If the error persists reset the step and really
carefully add the requested code without adding anything else

It worked thank you.