Learn Form Validation by Building a Calorie Counter - Step 42

JavaScript
1

Tell us what’s happening:

I tried out to fix the issues several times.But i can’t .Help me to solve the issue
Error mesaage as:You should use a template literal in your querySelector method

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');
}

// 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/130.0.0.0 Safari/537.36

Challenge Information:

Learn Form Validation by Building a Calorie Counter - Step 42

2

a template literal uses backticks ``

1 Like
3

Hi there! And use targetId variable

1 Like
4

These are not backticks, these are single quotes. And also you should not change the value on your querySelector that was given to you in the beginning of the challenge. Just reset the challenge and change single quotes with backticks.

1 Like