Никогда ранее не делал JavaScript (изучу его когда-нибудь), но нужно было его построить, чтобы упростить загрузку моих данных в Firebase Firestore для моего приложения для Android.Я сделал два урока и использовал этот код для создания этого.Одна часть загружает изображение в Firebase Storage, а затем берет URL-адрес и загружает его в Firebase Firestore вместе с остальными данными.
Это работает на 100%, но хотелось бы знать, как я могу заставить изображение показывать (изменять HTML или Javascript) вместо URL загрузки.
Вот как я теперь получаю вывод, я хотел бы, чтобы изображение отображалось там: 
Теперь, куда я должен поместить то, что отображает фактическое изображение вместоURL, как на картинке.Есть ли какая-то вещь для Интернета, как Picasso или Glide, например, для Android, которую я должен использовать, чтобы преобразовать URL в изображение.
Я считаю, что где-то здесь я должен что-то изменить или добавить что-то, чтобы показать изображение вместо URL:
Либо здесь:
//create element and render cafe
function renderProduct(doc){
let li = document.createElement('li');
let promo_number = document.createElement('span');
let image = document.createElement('span');
let cross = document.createElement('div');
Или Здесь
li.setAttribute('data-id', doc.id);
promo_number.textContent = doc.data().promo_number;
image.textContent = doc.data().image;
cross.textContent = 'x';
Или вот
li.appendChild(promo_number);
li.appendChild(image);
li.appendChild(cross);
promo_product_list.appendChild(li);
Но я не могу понять, что и куда положить.
То есть в классе Javascript, пожалуйста, посмотрите JavaScript и HTML в этих Pastebins:
HTML здесь
JavaScript Здесь
Я знаю, что код очень плохой, но он работает для того, что мне нужно, но он будет работать еще лучше, если я смогу увидеть фактическое изображение.Спасибо за просмотр