Как забрать src картинки и вывести текстом?

Question

[Aleksey]

Доброго дня.
1) Нужно забрать src картинки и поставить его текстом в блок .text-box по нажатию кнопки #btn.
2) Если это возможно, этот src картинки поставить бекграундом у блока box2.
u0763918test1.isp.regruhosting.ru

<div class="box">
        <img src="https://www.englishdom.com/dynamicus/blog-post/000/001/696/1551954562_content_700x455.jpg? 
   1551954564616" alt="img">
    </div>

    <div class="text-box">src-картинки</div>
    <button id='btn' type="submit">Забрать src</button>

    <div class="box2"></div>

Answer 1

[anakondoz]

let src = document.getElementsByTagName('img')[0].src;
let button = document.getElementsByTagName('button')[0];

button.onclick = function(e) {
	let box = document.querySelector('.text-box');
  let box2 = document.querySelector('.box2');

	box.style.background = `url(${src}) no-repeat`;
  box2.innerText = src
}
}

Песочница

Comments

[Aleksey]

Спасибо огромное, всё работает. Единственное поменять местами box и box2 при клике. В box отдаётся текст, а в box2 бекграунд.