Как сделать чтобы в одном модальном окне было разное описание
у меня получилось только для простых блоков которые отображаются на странице а для модальных окон я сделал но не так как для блоков которые на странице
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">×</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">×</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">×</div>
</div>
<div class="modal-body">
<img src="img/teslas.jpg" alt="" class="modal-img">
<div class="modal-descr">Революционный электромобиль, призванный полностью уничтожить двигатель внутреннего сгорания и привить человечеству желание передвигаться исключительно на экологически чистом транспорте.</div>
</div>
</div>
</div>
`
}
})
Как сделать чтобы в одном модальном окне появлялось разное описание