Как засунуть цикл в ``?

Спасибо, а если бы вам нужно было создавать функцию, которая должна вывести родитель списка (вставив в него название из data) и сам список внутри него из 2 и более одинаковых хтмл, но с разными вставляемыми значениями так же из data, вы бы так и сделали или можно реализовать лучше?
Мне просто пока только такой вариант в голову пришел

Dmitri1998, чем обычный цикл не нравится?

let html = "<ul>";
for(const x of data) {
   html+=`<li>${x}</li>`;
}
html+= "</ul>";

Василий Банников, я в реакте подсмотрел и как-то так шаблон делался, вот и по примеру пытался написать свою функцию создания компонента

Dmitri1998, функция в итоге что должна вернуть? Если строку HTML, то её можно собирать как предложил Василий Банников
Подсмотренный в React / Vue синтакс доступен небесплатно: придётся тащить библиотеку.

Dmitri1998, в react/vue совсем не такой синтаксис, и там вся магия идёт за счёт jsx и сборщика

Сергей Соколов, должна вернуть html, который мы добавим на страницу в виде списка
И таких 3 разных списка, которые так по очереди будут создаваться