Learn Form Validation by Building a Calorie Counter - Step 40

Tell us what’s happening:

It says"Your addEntry function should have a targetInputContainer variable."
But my addEntry function does have a targetInputContainer variable.

Your code so far

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

/* file: styles.css */

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

function addEntry() {
  const targetId = '#' + entryDropdown.value;
  const targetInputContainer = document.querySelector(targetId()    ' .input-container')
}

// 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

Challenge Information:

Learn Form Validation by Building a Calorie Counter - Step 40

you have a syntax error when you call targetId as a function, it isn’t, so you get a syntax error and nothing works, tests included

1 Like

yes it has the variable but the rest of the statement is wrong so it is confusing the test

when you wrote targetId() because of the parenthesis, this is being interpreted as a function, not a variable (so the js engine will try to find a function called targetId).

The other issue is the rest of the statement with the quote.
You need to ‘concatenate’ the targetId with the string.
So you should use the string concatenation operator +

1 Like

Thanks the code worked

1 Like