Подставление вместо [элемента] числа от 1 до ... по счёту при нахождении элемента на странице?

wonderingpeanut, сделал файл numeracya.js и туда прописал

const arbitraryElements = document.querySelectorAll('.nomer-element'); // найти все элементы с классом "nomer-element"
arbitraryElements.forEach((el,idx) => { // для каждого найденного элемента
  el.innerHTML = `${idx + 1}` // добавляешь h2 с порядковым номером элемента
}

После чего на странице html где нужно искать добавил загрузку этого файла:

<script src="js/nymeraciya.js" charset="utf-8"></script>

Потом нашёл строку, в которой необходимо добавить этот номер:

<div class="menu-button nomer-element">Текст ${idx + 1}</div> // кнопка взята просто за пример

После сохранения вылезает вот такая ошибка:
Smarty error: [in test:_smarty_test_template.tpl line 103]: syntax error: unrecognized tag 'idx' (Smarty_Compiler.class.php, line 585)

Что то неправильно делаю

Подставление вместо [элемента] числа от 1 до ... по счёту при нахождении элемента на странице?

На странице будет *неизвестное количество элементов* и нужно чтобы от первого найденного <элемент> до последнего <элемент> они нумеровались в последовательности от 1 до 10 к примеру.