Делаю галерею. создаю динамически тег 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
Браузер Хром, обновленный. Заюзал с другого тоже самое . Кто знает, в чем косяк ?