По клику вставить картинку в popup из элемента где находится кнопка

Рейтинг: 0Ответов: 0Опубликовано: 25.02.2023

Всем привет. Есть карточки товаров со структурой:

<article class="cards__article article">
    <div class="article__img">
        <img class="article__pic" src="icons/pepper.svg" alt="Pepper">
    </div>
    <div class="article__description">
        <h2 class="article__title">Pepper</h2>
        <p class="article__text">Goes well with pasta</p>
    </div>
    <div class="article__btns">
        <button class="article__button buy-btn">Buy</button>
        <button class="article__button info-btn">Info</button>
    </div>
</article>

<div class="b-pop">
    <div class="b-pop__inner">
        <div class="b-pop__body">
            <button class="b-pop__close-btn"></button>
        </div>
    </div>
</div>

По клику на кнопку с классом article__button появляется popup. В карточках есть div с img. Хочу, что бы в popup отображался div с img, но только из соответствующей карточки товара. Реализовать хочу на чистом JS.

Буду очень благодарен за помощь!

Спасибо

Ответы

Ответов пока нет.