Почему не работает вскавка кода через ${ }?

Question

Почему не работает код с $ {...}:

document.getElementById('Output').innerHTML = "<input value='${10 + 12}' class='input_field'...

Но

value='"+ (10+12) +"'... - работает.

И как это применять чтобы работало? Или же не стоит применять данную конструкцию в альтернативу конкатеннации с черодованием переменных?

Answer 1

В документации написано, что данную конструкцию можно вставлять только в шаблонные строки, которые выделяются обратными кавычками

let test = 15;

console.log(`Тут будет номер ${test}`);