вставка картинки с prompt. По клику на блок выскакивает prompt в который затем копируется картинка
Решение для такой задачи
В HTML я написала такой код:
<div class="block1" onclick="imgUrl(event.target)"></div>
<div class="block2" onclick="imgUrl(event.target)"></div>
<div class="block3" onclick="imgUrl(event.target)"></div>
В JS:
function imgUrl(element) {
let url = prompt('Write URL image');
element.style.backgroundImage = 'url(' + url + ')';
}
Ответы (1 шт):
Автор решения: MaximLensky
→ Ссылка
Я могу только с одним блоком показать - смотрим
document.querySelector(".item").onclick = ev;
function ev() {
let url = prompt("Вставьте url картинки");
document.querySelector(".item").style.background = `url(${url})`;
document.querySelector(".item").style.backgroundSize = "100% 100%";
}.item {
width: 400px;
height: 300px;
border: 2px solid red;
}<div class="item"></div>