Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

JavaScript Basic and Multiple Line Strings

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,516 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`"

Doh, thank you!