@OlhaK79

Як url адресу зображення зробити фоном блоку?

— на сторінці знаходяться пустиq блок div.
— при кліку на блок виводить функція prompt() в яку ми вводимо url адресу зображення
— це зображення стає фоном для цього конкретного блоку
document.querySelector('div').addEventListener('click', function(){
let sites = prompt("Enter the url adress");
backgroundImage = url(`${sites}`);
})
так не виходить :(
  • Вопрос задан
  • 100 просмотров
Решения вопроса 1
Stalker_RED
@Stalker_RED
const divElem = document.querySelector('div');

divElem.addEventListener('click', function(){
  const imgUrl = prompt("Enter the url address");
  // здесь неплохо бы добавить проверку, что пользователь действительно
  // ввел адрес изображения, а не XSS-инъекцию.
  divElem.style.backgroundImage = `url(${imgUrl})`;
});

Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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