Learn Form Validation by Building a Calorie Counter - Step 79

Curriculum Help
1

I tried using a template literal but my code doesn’t work, does anyone know what’s wrong?

Your code so far

Screenshot 2024-03-02 at 1.56.42 PM
Screenshot 2024-03-02 at 1.56.42 PM2874×1380 405 KB

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) 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 79

2

template literal uses backticks like `
You have used single quotes

3

Thank you so much!! It still doesn’t work though:

  output.innerHTML = `<span class=${surplusOrDeficit.toLowerCase()}></span>`;

Is there anything else you think is wrong?

4

you need to add quotes around the class name