Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript Basic and Multiple Line Strings

Posted by Teddy Stanowski
Teddy Stanowski
6,113 Points

Why am I getting this error? `Uncaught SyntaxError: Unterminated template literal` Tried to follow along and no dice

const fruitList = "<ul>" + "<li>Kiwi</li>" + "<li>Lime</li>" + "<li>Pineapple</li>" + "</ul>";

const vegetableList = ` <ul> <li>Spinach</li> <li>Broccolli</li> <li>Onion</li> </ul> ';

document.querySelector('.fruits').innerHTML = fruitList; document.querySelector('.vegetables').innerHTML = veggieList;

2 Answers

Jason Wiram
Jason Wiram
42,762 Points
Jason Wiram
Jason Wiram
42,762 Points 
const vegetableList = ` <ul> <li>Spinach</li> <li>Broccolli</li> <li>Onion</li> </ul> ';

It appears on this line you are starting with a backtick and ending with a single quotation. I think you mean to end this with another backtick. Hence why it is saying "Unterminated template literal`"

Teddy Stanowski
Teddy Stanowski
6,113 Points
Teddy Stanowski
Teddy Stanowski
6,113 Points

Doh, thank you!