Learn Form Validation by Building a Calorie Counter - Step 55

JavaScript
1

Tell us what’s happening:

Hello. There is a problem with my code. Please help me. The developer console writes:
Sorry, your code does not pass. Don’t give up.

You should not pass any arguments to insertAdjacentHTML().
// running tests
3. You should not pass any arguments to insertAdjacentHTML().
// tests completed

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 + 1;
  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>
  <input
    type="number"
    min="0"
    id="${entryDropdown.value}-${entryNumber}-calories"
    placeholder="Calories"
  />`;
  
  targetInputContainer.insertAdjacentHTML('beforeend', HTMLString);
}

// 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/128.0.0.0 Safari/537.36 OPR/114.0.0.0

Challenge Information:

Learn Form Validation by Building a Calorie Counter - Step 55

2

Did you pass agruments to innerAdjacentHTML?

3

Which arguments should I pass there? If I knew which arguments, l’d pass them all.

4

You should read the error message

1 Like
5

The instructions say: “Do not pass any arguments yet.”

The error message indicates you have passed arguments. What do you think you need to remove from your line of code?
targetInputContainer.insertAdjacentHTML('beforeend', HTMLString);

1 Like
6

I apologize for not responding right away. I was tired yesterday and then things just kept piling up. I didn’t have a chance to go online and read the comments or make the necessary changes to the code in time. But thanks for your help. After deleting the arguments for the new function (which are commonly referred to as methods in Java Script) my code passed. Thank you very much.

1 Like
7

Thank you for your advice, I’ve reread it and understood my failure.