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

Всем привет! есть модальное окно и много карточек товара, при клике на кнопку в карточке товара должно открываться модальное окно с отображением данных из карточки.

Знающие люди советуют сделать через цикл for, заблудился в дебрях.

var modal = document.getElementById('myModal');

var btn = document.getElementById("card-1");

var span = document.getElementsByClassName("close")[0];

btn.onclick = function() {
modal.style.display = "flex";
}

span.onclick = function() {
modal.style.display = "none";
}

window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
};
};

Taison_007,
добавьте немного html.
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:

[html run]
... минимальный код страницы с вашей проблемой
[/html]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.