модальное окно, добавить несколько фотографий и текста при открытии окна


<div class="project__item">
   <div class="subblock jeffSchlarb" data-toggle="modal" data-target="#modalWindows">
    <span class="tittle_text">this is text</span>
  </div>
</div>

<div class="project__item">
   <div class="subblock pavelMasalov" data-toggle="modal" data-target="#modalWindows">
    <span class="tittle_text">this is text</span>
  </div>
</div>


<section class="modal fade" id="modalWindows" tabindex="-1" role="dialog" aria-labelledby="modalWindowsTitle" aria-hidden="true">
        <div class="modal-dialog " role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button class="close myBtn" data-dismiss="modal" aria-label="Close">X</button>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-8">
                            <div class="modal__image"></div>
                        </div>
                        <div class="col-md-4">
                            <article class="modal__content"></article>
                        </div>
                    </div>
                </div>
            </div>
        </div>
</section>

let modal__image = document.querySelector('.modal__image')
let modal__content = document.querySelector('.modal__content')




let jeffSchlarb = document.querySelector('.jeffSchlarb')
let jeffSchlarb_TEXT = 'много всякого текста для jeffSchlarb'

let jeffSchlarb = document.querySelector('.pavelMasalov')
let pavelMasalov_TEXT = 'так-же много всякого текста для pavelMasalov'



jeffSchlarb.addEventListener('click', e => {
    //создоем элементы
    let img = document.createElement('IMG')
    let content = document.createElement('p')
    // пут и внутреннее
    img.src = "../images/bg/01.jpg"
    content.innerHTML = jeffSchlarb_TEXT
    // добавляем в блоки
    modal__image.append(img)
    modal__content.append(content)
});

pavelMasalov.addEventListener('click', e => {
    //создоем элементы
    let img = document.createElement('IMG')
    let content = document.createElement('p')
    // пут и внутреннее
    img.src = "../images/pavel/01.jpg"
    content.innerHTML = pavelMasalov_TEXT
    // добавляем в блоки
    modal__image.append(img)
    modal__content.append(content)
});

как сделать так, чтоб при открытии модального окна добавлялась не одно фотография а 2-5 фото ? так же при повторном открытии не дублировалась информация


Ответы (0 шт):