Как вставить картинку по клику?

Question

[svm2001]

Есть два блока, в них картинка, текст и кнопка. Нужно по клику на кнопке выводить в другом диве текст и картинку, как бы клонируя блок,по которому был клик (но без кнопки). Текст передаю с помощью innerHTML метода, картинку не могу передать. Помогите передать картинку.

<div class="block1 block">
    <p class="text">1</p>
    <img src="1.jpg" alt="" class="img">
    <button class="button">click</button>
</div>

<div class="block2 block">
    <p class="text">2</p>
    <img src="2.jpg" alt="" class="img">
    <button class="button">click</button>
</div>

<div class="output"></div>

<script>
    const output = document.querySelector('.output');
    let blocks = document.querySelectorAll('.block');
    if(blocks) {
        blocks.forEach(block => {
            block.addEventListener('click', () => {
                output.innerHTML = 'Текст: ' + block.querySelector('.text').innerHTML;
            })
        })
    }
</script>

Answer 1

[Tim]