Почему не выводит шаблонную строку?

Делаю галерею. создаю динамически тег img и даю ему url в виде шаблонной строки ${el.url}
Но бы ничего. в консоле выдает
Failed to load resource: net::ERR_FILE_NOT_FOUND

а в дом дереве все подгружает но вместо урл вставляет сам оператор шаблонной строки.
src="${el.url}"


Вот весь код
(function () {
         fetch('https://jsonplaceholder.typicode.com/photos').then(response => {
                  response.json().then(data => {
                           let first = data.slice(0,99);
                           let gallery = document.querySelector('#galleryContent');
                          
                           first.forEach((el) => {
                             let template = "<img class='gallery-img' data-action='open' src='${el.url}'>";
                             let imgWrap = document.createElement("div");   
                                    
                             imgWrap.innerHTML = template; 
                             gallery.appendChild(imgWrap);
                           })
                  }) // response data
         }) // fetch
})();// function


Браузер Хром, обновленный. Заюзал с другого тоже самое . Кто знает, в чем косяк ?
  • Вопрос задан
  • 105 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы