javascript - Double nested quotes

Question

I have this line of code

formsParent.innerHTML = "<p style = 'color: black; font-family: "Times New Roman" font-size: 2em'> Order submitted. Thank you for ordering! </p>"

The first quote is for the innerHTML property. Next is the properties inside the style attribute of the <p> element, and finally I need another quote inside this for the font-family property with a value that has multiple words so it also needs quotation marks. There are only "" and '', and using double quotes for the font-family throws an error. How do I use quotes inside quotes inside quotes?

EDIT: This is NOT a duplicate of the Double quote in JavaScript string. Stop flagging this!

In the above question, the OP asks for single-nested quotes - single quotes isnide double quotes was the answer or vice versa.

In my question, I ask for double-nested quotes - [quotes] inside [quotes] inside [quotes]. My question is an extra layer of quotes.

Answer 1

The best option here would be to escape the quote chars:

formsParent.innerHTML = "<p style="color: black; font-family: 'Times New Roman' font-size: 2em"> Order submitted. Thank you for ordering!</p>";