Learn Form Validation by Building a Calorie Counter - Step 64

JavaScript
1

Tell us what’s happening:

My alert prompt is not working I dont know why. My solution looks like this :

alert("Invalid Input: " ${invalidInputMatch[0]});

I have been struck on this question for about an hour trying to figure out what I did wrong.

Your code so far

<!-- file: index.html -->


/* file: styles.css */


/* file: script.js */
// User Editable Region

function getCaloriesFromInputs(list) {
  let calories = 0;

  for (const item of list) {
    const currVal = cleanInputString(item.value);
    const invalidInputMatch = isInvalidInput(currVal);

    if (invalidInputMatch) {
        alert(`"Invalid Input: " ${invalidInputMatch[0]}`);
    }
  }
}

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

Challenge Information:

Learn Form Validation by Building a Calorie Counter - Step 64

2

Since it is a template literal you should remove the double quotes “”. It should be like Invalid input: ${} inside the template literals

1 Like
3

Why are the template literals inside the call and not around the alert as so…:

'alert(Invalid Input:  ${invalidInputMatch[0]})'