Learn Form Validation by Building a Calorie Counter - Step 39

[larysa14]

hello! i’m stuck at step 39. i’ve tried other versions of writing the code but it’s not working.

Your code so far

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

the console displays this message:
// running tests You should use a template literal in your querySelectormethod.
Your template literal should have the value {targetId} .input-container
. // tests completed

Your browser information:

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

Challenge Information:

Learn Form Validation by Building a Calorie Counter - Step 39

freeCodeCamp.org

[ILM]

@larysa14

`${targetId}  .input-container`

you need to put this inside querySelector directly

[Teller]

Hi @larysa14

The instructions are asking you to use template literal syntax.
They allow using variables without the need to use the concatenation operator.

Here is a W3Schools article you may find helpful.

Happy coding

[larysa14]

Thaks guys!i solved it! I understand now.