Learn Form Validation by Building a Calorie Counter - Step 48

JavaScript
1

Tell us what’s happening:

I have looked at other peoples post with the same question. They seem to be telling them that you just need to press enter to go onto the next line but what I try I still kepp getting the eroor that input needs to be on a new line

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" placholder="Name" id="${entryDropdown.value}-${entryNumber}-name">`;
}

// User Editable Region

Your browser information:

User Agent is: Mozilla/5.0 (X11; Linux x86_64) 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 48

2

You have a couple of typos. The name of your placeholder attribute is mistyped. Also, you have a stray semi-colon after your closing label tag.

3

Hi there!
Check the spelling of placeholder.

4

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