Как правильно вставить переменную в document.querySelector?

JavaScript предлагает несколько способов вставки переменных в функцию querySelector().

Первый способ - это использование конкатенации строк:

var elementId = "myElement";
var element = document.querySelector("#" + elementId);

В этом примере мы объявляем переменную elementId, которая содержит id элемента, который мы хотим выбрать. Затем мы используем конкатенацию строк, чтобы объединить символ "#" с идентификатором элемента в составной селектор. Наконец, мы передаем составной селектор в функцию querySelector(), чтобы найти элемент на странице.

Второй способ - это использование шаблонных строк (Template literals):

var elementId = "myElement";
var element = document.querySelector(`#${elementId}`);

Здесь мы используем шаблонные строки, обозначенные символами, чтобы указать, что внутри них может быть переменная. Мы используем символ "#" для обозначения id элемента и вставляем переменную внутри шаблонной строки с помощью выражения ${elementId}. Затем мы передаем шаблонную строку в функцию (). Третий способ - это использование объекта как переменной: <pre>{{EJS2}}</pre> Здесь мы передаем объект с ключом "id" и значением "myElement" в функцию (). Функция ()` автоматически распознает, что это объект и использует его как селектор.

В общем, все три способа правильны и выполняют свою задачу. Выбор конкретного способа зависит от ваших предпочтений и стиля кодирования.