javascript - Template Literal is Empty When Used Within Single Quotes

Question

I have this line of code that works:

<input type="hidden" name="${widgetId}_1" id="${widgetId}_1" value="Hello"/>

var result = '$request.getParameter("${widgetId}_data")';

However, my template literal seems to go blank if I change it to this:

<input type="hidden" name="SomeSampleElement" id="SomeSampleElement" value="Hello"/>
<input type="hidden" name="SomeSampleElement_data" id="SomeSampleElement_data" value="ValueData"/>

var element = $jQuery("#SomeSampleElement");
var result = '$request.getParameter("${element.id}_data")';

Element is an HTML element in this case.

Answer 1

You should use backticks for Template Literals.

console.log(`${element.id}_data`);