Learn Form Validation by Building a Calorie Counter - Step 42

JavaScript
1

Tell us what’s happening:

i added everything the instructions requested but it still isnt accepting it. What did i do wrong?
(instructions) Each entry will have a text input for the entry’s name, and a number input for the calories. To get a count of the number of entries, you can query by text inputs. Note that you cannot query by number inputs, as you have an extra number input for the user’s calorie budget.

Pass the string input[type="text"] to the querySelectorAll() method. Remember that you will need to use single quotes for your string, so that you can use double quotes within.

This will return a NodeList of all the text inputs in the form. You can then access the length property of the NodeList to get the number of entries. Do this on the same line.

Your code so far

function addEntry() {
  const targetInputContainer = document.querySelector(`#${entryDropdown.value} .input-container`);
const entryNumber = targetInputContainer.querySelectorAll(input[type="text"]).length;

}

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 42

2

Hi there and welcome to our community!

Pass the string input[type="text"] to the querySelectorAll() method.

You need to include quotation marks to turn the above into a string. Remember to use single quotation marks, as there are already double quotation marks around the word “text”.

4

querySelectorAll(‘…etc…’)
you need single quotes for all the html.
then double quotes can be used inside html if needed.

5

ahh i see. it seems like that changes from line to line…sometimes its double quotes sometimes its single quotes. Ill def make a note of it, and thanks!!

6

Generally, you can use either single or double quotes, as you prefer.
However, if you are using quotes around content which already has quotes within it, then you can’t use the same type of quotes (except in cases where you might use escape characters).

EXAMPLE:

// bad syntax
let myString = "My name is "igor" and I am using quote marks incorrectly."

// correct syntax
let myString = 'My name is "igor" and I am using quote marks correctly.'

You see why the first example doesn’t work? The double quotes end up getting paired up incorrectly.

7

yeah i see the difference. I will remember this in the future.

8

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.