Learn Form Validation by Building a Calorie Counter - Step 62

JavaScript
1

Tell us what’s happening:

I have reset the lesson multiple times and it still doesn’t accept this and returns an errpr message After your alert you should set isError to true. How do I get past this bug?

Your code so far

function getCaloriesFromInputs(list) {
  let calories = 0;

  for (let i = 0; i < list.length; i++) {
    const currVal = cleanInputString(list[i].value);
    const invalidInputMatch = isInvalidInput(currVal);

    if (invalidInputMatch) {
      alert(`Invalid Input: ${invalidInputMatch[0]}`);
      let isError = true;
      return null;
    }
  }
}

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

Challenge Information:

Learn Form Validation by Building a Calorie Counter - Step 62

2

Hello, it’s been a while. Welcome back.
You already declared the isError variable somewhere in your code. You do not need to declare it again.

3

but this is what the task says:

Step 62

In programming, null is meant to represent the absence of a value. In this case, if the user enters an invalid input, you want to alert them and then return null to indicate that the function has failed.

Still within your if block, set isError to true and return null

4

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

5

On line 7 of your project, the isError variable was created.

because you are using the let keyword, you can reassign the value.

for example

let price = 8.00
console.log(price) // prints 8.00

// updating the value of price
price = 7.00
console.log(price) // prints 7.00

Your issue inside your code is here

Right now you are trying to create a new isError variable inside this if block.
But the directions don’t want you to do that.

the directions want you to update the value of the isError variable to be true

once you fix that, then it will pass

This article is helpful on understand how let and const work in JavaScript and how reassignment works

hope that helps

1 Like
6

amazing that fixed it, thank you

1 Like
7

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