Learn Form Validation by Building a Calorie Counter - Step 38

JavaScript
1

Tell us what’s happening:

it keeps telling me that i should concatenate ' .input-container' to targetId . Remember to include the space at the beginning of .input-container . but ive been trying so many different methods but none of them seem to work. help please.

### Your code so far

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

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.

Your browser information:

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

Challenge Information:

Learn Form Validation by Building a Calorie Counter - Step 38

2

Use concatenation to separate targetId and '.input-container' with a space, and pass that string to querySelector().

You have the steps backwards,

  1. Use concatenation to separate targetId and '.input-container' with a space

and then:

  1. pass that string to querySelector().
3

Actually, that didn’t work, try this:

4

ive seen the solution already, but what does it mean when i should pass an argument to the query.selector()? how do i format it into javascript

5

nvm i figured out what was wrong, turns out i forgot to add a space in the string. thank you!

2 Likes