Как сделать чтобы в одном модальном окне было разное описание

у меня получилось только для простых блоков которые отображаются на странице а для модальных окон я сделал но не так как для блоков которые на странице

const cars = [
{id: 1, name: 'Tesla Model 3', img: 'img/tesla3.jpg', price: 45 + '$', descr: 'Построен на новой платформе, которая в корне отличается от Model S и Model X. Призван стать первым массовым электромобилем от Tesla Inc.'},
{id: 2, name: 'Tesla Model X', img: 'img/teslax.jpg', price: 44 + '$', descr: 'Революционный электромобиль, призванный полностью уничтожить двигатель внутреннего сгорания и привить человечеству желание передвигаться исключительно на экологически чистом транспорте.'},
{id: 3, name: 'Tesla Model S', img: 'img/teslas.jpg', price: 46 + '$', descr: 'Лучший кроссовер. Полностью электрический, двери типа «крылья сокола», полный привод, до 7 мест, панорамное лобовое стекло'}

]

document.addEventListener('click', event => {
const btnType = event.target.id
if (btnType === '1') {
    modal.innerHTML = `
    <div class="modal-overlay">
        <div class="modal-window" id="modal-window">
            <div class="modal-header">
                <div class="modal-title">Tesla Model 3</div>
                <div class="modal-close">&times;</div>
            </div>
            <div class="modal-body">
                <img src="img/tesla3.jpg" alt="" class="modal-img">
                <div class="modal-descr">Построен на новой платформе, которая в корне отличается от Model S и Model X. Призван стать первым массовым электромобилем от Tesla Inc.</div>
            </div>
        </div>
    </div>
    `
} else if (btnType === '2') {
    modal.innerHTML = `
    <div class="modal-overlay">
        <div class="modal-window active" id="modal-window">
            <div class="modal-header">
                <div class="modal-title">Tesla Model X</div>
                <div class="modal-close">&times;</div>
            </div>
            <div class="modal-body">
                <img src="img/teslax.jpg" alt="" class="modal-img">
                <div class="modal-descr">Лучший кроссовер. Полностью электрический, двери типа «крылья сокола», полный привод, до 7 мест, панорамное лобовое стекло.</div>
            </div>
        </div>
    </div>
    `
} else if (btnType === '3') {
    modal.innerHTML = `
    <div class="modal-overlay">
        <div class="modal-window active" id="modal-window">
            <div class="modal-header">
                <div class="modal-title">Tesla Model S</div>
                <div class="modal-close">&times;</div>
            </div>
            <div class="modal-body">
                <img src="img/teslas.jpg" alt="" class="modal-img">
                <div class="modal-descr">Революционный электромобиль, призванный полностью уничтожить двигатель внутреннего сгорания и привить человечеству желание передвигаться исключительно на экологически чистом транспорте.</div>
            </div>
        </div>
    </div>
    `
}

})

Как сделать чтобы в одном модальном окне появлялось разное описание


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