Tell us what’s happening:
So I’m doing the newJS curriculum, on this situation and it requests:
Step 74
Your getCaloriesFromInputs
function will set the global error flag to true
if an invalid input is detected. Add an if
statement to your calculateCalories
function that checks the truthiness of your global error flag, and if it is truthy then use return
to end the function execution.
however I can’t seem to return correctly, if I return “calculateCalories”, “calculateCalories(e)”, " getCaloriesFromInputs", empty return, nothing passes.
Can you help me understand what’s wrong?
### Your code so far
function calculateCalories(e) {
e.preventDefault();
isError = false;
const breakfastNumberInputs = document.querySelectorAll('#breakfast input[type=number]');
const lunchNumberInputs = document.querySelectorAll('#lunch input[type=number]');
const dinnerNumberInputs = document.querySelectorAll('#dinner input[type=number]');
const snacksNumberInputs = document.querySelectorAll('#snacks input[type=number]');
const exerciseNumberInputs = document.querySelectorAll('#exercise input[type=number]');
const breakfastCalories = getCaloriesFromInputs(breakfastNumberInputs);
const lunchCalories = getCaloriesFromInputs(lunchNumberInputs);
const dinnerCalories = getCaloriesFromInputs(dinnerNumberInputs);
const snacksCalories = getCaloriesFromInputs(snacksNumberInputs);
const exerciseCalories = getCaloriesFromInputs(exerciseNumberInputs);
const budgetCalories = getCaloriesFromInputs([budgetNumberInput]);
if (isError) {
isError = true;
return getCaloriesFromInputs;
}
}
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 74