Тема: Як виводити в одному модальном вікні дані з різних карток товару

Всім привіт! є одне модальне вікно і 20 карток товару, при кліку на кнопку в картці товару має відкриватися модальне вікно з відображенням даних з картки.?

Знаючi люди пiдказують зробити через цикл 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";
};
};

2 Востаннє редагувалося koala (03.10.2019 07:25:33)

Re: Як виводити в одному модальном вікні дані з різних карток товару

вам треба на всі кнопки навісити обробник (той, що на btn.onclick). Оце в циклі і робіть. Перебирайте всі "card-1", "card-2" і т.д. (краще адресуйте їх не по id, а по класу, тоді цикл зручніший буде) і вішайте на них цей onclick.