Learn Form Validation by Building a Calorie Counter - Step 63

Tell us what’s happening:

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} ");
}
}
}

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} ");`
    }
  }
}

// User Editable Region

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:124.0) Gecko/20100101 Firefox/124.0

Challenge Information:

Learn Form Validation by Building a Calorie Counter - Step 63

What’s the actual solution here?

Add Template literal within the alert () parentheses. Then "Invalid input: " ${invalidInputMatch} between the template literal. Finally you need the first value of invalidInputMatch array [].

1 Like